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

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

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

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

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

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

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