一定義一個盒子“menu”，用來裝這個導(dǎo)航的二用無序列表ul中的列l(wèi)i放導(dǎo)航的內(nèi)容三把li的浮動float設(shè)置為向左浮動floatleft，這樣，就實現(xiàn)了水平導(dǎo)航條了四在做其他的一些修飾。

all 1s ofontsize12px是display inlineblock 的原因，把display inlineblock 換成display block然后利用浮動float。

這樣有助于你理解原理\r\n導(dǎo)航欄中所有的鏈接，都有一個共同的內(nèi)容target=quottarget_areaquot，意為在目標(biāo)區(qū)顯示內(nèi)容，而目標(biāo)區(qū)就是右邊的那部分至于做成什么樣子，可以隨便\r\n右邊的內(nèi)容區(qū)最主要的就是一個浮動。

樣式為ul，li liststyle liststyletype padding0 margin0 *清除ul，li的默認(rèn)樣式*第五，由于默認(rèn)的無序列表是豎排的，所以需要為其添加浮動，同時編輯寬度和距離等樣式添加樣式為 ul。

導(dǎo)航欄基本都是橫排豎排列的，看到的大部分都是橫排排列的，每個人都有自己的方法做出好看的導(dǎo)航排列，方法有很多種，選擇自己快速的方法即可1橫排無非是本身標(biāo)簽是行內(nèi)標(biāo)簽或者將塊狀標(biāo)簽添加浮動效果，然后變成橫排排列。

程序輸入如下 #menuoverflowhiddenheight20px#menuhover height100px 選擇鼠標(biāo)指針浮動在其上的元素，并設(shè)置其樣式ahover backgroundcoloryellow 對于HTML 部分可以使用任何的 HTML 元。

5創(chuàng)建橫向?qū)Ш降臉邮?在style標(biāo)簽里添加一個樣式類為navli，然后再navli類中設(shè)置樣式背景顏色為紅色，浮動為左浮動，內(nèi)邊框上下為8px左右為15px，列表屬性為，字體顏色為白色樣式代碼為navlibackground。