1、這個需要用到css的position屬性如下這個示例 假設(shè)導(dǎo)航的class為nav，將其固定在頁面頂部可以這樣寫 navwidth100%height30pxpositionfixedtop0left0 其中高寬請根據(jù)實際情況修改；一，這要用到float浮動屬性二，floatleft代表想做浮動，也就是橫向排列是向左邊排列四，代碼如下 dw如何制作橫向?qū)Ш綏l設(shè)置css，浮動，定位，或者設(shè)置display為行內(nèi)元素，當(dāng)然，寬度一定要夠用；工具材料崇高的文本 首先打開SublimeText軟件，新建一個html頁面，在html頁面中準(zhǔn)備好html結(jié)構(gòu)，如下圖所示接下來，我們在html的body結(jié)構(gòu)中添加導(dǎo)航欄的內(nèi)容，如下圖所示然后需要在style標(biāo)簽中用CSS定義導(dǎo)航條的樣式，如下；3新建一個div id為“a”，添加ul li標(biāo)簽4在li中添加自己想要的文字 并調(diào)整好文字間距，按F12預(yù)覽5首先去掉字體前面的小黑點6接下來，使文字橫向排列，設(shè)置代碼如下，給li設(shè)置左浮動效果7按F12預(yù)覽；如圖步驟設(shè)置頁頭背景色并勾選“顯示”上傳頁頭導(dǎo)航欄圖片尺寸1920*120px選擇不平鋪，完成2修改導(dǎo)航欄文字顏色的效果無圖，我的沒改不想，你們自己嘗試 注此處需代碼修改 步驟鼠標(biāo)浮動到導(dǎo)航條。

2、一定義一個盒子“menu”，用來裝這個導(dǎo)航的二用無序列表ul中的列l(wèi)i放導(dǎo)航的內(nèi)容三把li的浮動float設(shè)置為向左浮動floatleft，這樣，就實現(xiàn)了水平導(dǎo)航條了四在做其他的一些修飾；dw如何制作橫向?qū)Ш綏l設(shè)置css，浮動，定位，或者設(shè)置display為行內(nèi)元素，當(dāng)然，寬度一定要夠用CSShtml5如何做到點擊導(dǎo)航欄切換頁面導(dǎo)航欄下面放一個Div，專門用來顯示對應(yīng)導(dǎo)航欄目的內(nèi)容點擊導(dǎo)航欄觸發(fā)點擊事件，在事件；創(chuàng)建橫向?qū)Ш降臉邮?在style標(biāo)簽里添加一個樣式類為nav li，然后再nav li類中設(shè)置樣式背景顏色為紅色，浮動為左浮動，內(nèi)邊框上下為8px左右為15px，列表屬性為，字體顏色為白色 樣式代碼為 nav liback；u1 floatleftbackgroundcolorrgba180，180，180，06 li width84pxliststyletypefloatleftfontsize20pxfontweightbold style1 backgroundcolorBlue style2background。

3、scrollFunc， false 滾動滑輪觸發(fā)scrollFunc方法 windowonmousewheel = documentonmousewheel = scrollFunc；5創(chuàng)建橫向?qū)Ш降臉邮?在標(biāo)簽里添加一個樣式類為navli，然后再navli類中設(shè)置樣式背景顏色為紅色，浮動為左浮動，內(nèi)邊框上下為8px左右為15px，列表屬性為，字體顏色為白色樣式代碼為navlibackgroundcolor；樣式為ul，li liststyle liststyletype padding0 margin0 *清除ul，li的默認樣式*第五，由于默認的無序列表是豎排的，所以需要為其添加浮動，同時編輯寬度和距離等樣式添加樣式為 ul。

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

5、布局做好之后，開始寫導(dǎo)航條的樣式，如圖，先清除導(dǎo)航條的margin和padding然后定位導(dǎo)航條的div，這里我就用絕對定位來居中，如果你有其他導(dǎo)航條居中方法可以忽略這一條然后設(shè)置導(dǎo)航條的li左浮動，并且去掉li前面的圓點，讓。

6、導(dǎo)航欄標(biāo)簽可以直接在H5使用2然后打開indexhtml文件，輸入以下代碼3首先第一個方法就是使用displayinlineblock將ul標(biāo)簽設(shè)置成行內(nèi)塊級元素然后將li標(biāo)簽設(shè)置為左浮動即可4第二種方法就是就是將p設(shè)置為display。