1、position relative然后在二級ul的樣式中添加以下屬性position absolutetop 100%left 0這會將二級ul的位置相對于一級導(dǎo)航條進(jìn)行定位，而不是頁面的頂部同時，由于一級導(dǎo)航條已經(jīng)設(shè)置了相對定位，因此它應(yīng)該保持不。

2、2在indexhtml中的ltbody標(biāo)簽中，輸入html代碼ltbutton style=quotposition absoluteleft 250pxtop 40pxquot按鈕ltbutton3瀏覽器運行indexhtml頁面，此時按鈕被固定在距離上方40px，左側(cè)250px的位置。

3、58為了讓導(dǎo)航欄固定在頂部，我們可以在導(dǎo)航容器里添加樣式positionfixedtop0關(guān)鍵是第一個樣式，讓它的位置固定起來 68這時運行頁面，頁面滾動起來，導(dǎo)航也始終在頂部的78另外需要修改的地方是導(dǎo)航后面的頁面內(nèi)容。

4、lthtml 上面的代碼已經(jīng)實現(xiàn)了需要的功能，導(dǎo)航條固定在了網(wǎng)頁的頂部，這個主要是使用了positionfixed，然后將top值設(shè)置為0即可，但是僅僅使用positionfixed還是不夠，因為IE6瀏覽器并不支持，所以還需要進(jìn)行瀏覽器兼容性設(shè)置。

5、01首先打開SublimeText軟件，新建一個html頁面，在html頁面中準(zhǔn)備好html結(jié)構(gòu)，如下圖所示02接下來，我們在html的body結(jié)構(gòu)中添加導(dǎo)航欄的內(nèi)容，如下圖所示03然后需要在style標(biāo)簽中用CSS定義導(dǎo)航條的樣式，如下圖所示寫。

6、表格寬度=bordertop#bpxridgetdvalign=topstyle=paddingtop5pxpaddingleft3pximg src=pugongyingjpgwidth=100height=100td html中導(dǎo)航條的功能可以顯示網(wǎng)站功能，一目了然，也可以直接跳轉(zhuǎn)其它。

7、如圖，制作導(dǎo)航條菜單一般是用一個div嵌套ul和li標(biāo)簽，然后li里面有a標(biāo)簽布局做好之后，開始寫導(dǎo)航條的樣式，如圖，先清除導(dǎo)航條的margin和padding然后定位導(dǎo)航條的div，這里我就用絕對定位來居中，如果你有其他導(dǎo)航條居中。

8、直接將導(dǎo)航欄固定到可視區(qū)頂部 if scrollTop naviga_offsetTop a_navigation_bar0styletop = 0 + quotpxquot else 如果向下滾動的距離小原來導(dǎo)航欄離頂部的距離，則重新計算導(dǎo)航欄的位置 a_。

9、1導(dǎo)航條的設(shè)置效果 2通過列表制作 3導(dǎo)航條的DIV樣式設(shè)置 4important實現(xiàn)對不同的瀏覽器設(shè)值，列表項樣式 5但這樣看起來還是沒有任何效果，只是顯示文本一樣為此，我們就需要在 標(biāo)簽中嵌套超鏈接標(biāo)簽，超鏈接。

10、lt！DOCTYPE html lthead ltmeta。

11、運用display的block設(shè)置左拉導(dǎo)航欄，設(shè)置下拉導(dǎo)航欄在HTML中設(shè)置導(dǎo)航欄左側(cè)是運用display的block設(shè)置左拉導(dǎo)航欄，設(shè)置下拉導(dǎo)航欄HTML是由Web的發(fā)明者TimBernersLee和同事DanielWConnolly于1990年創(chuàng)立的一種標(biāo)記語言，它是標(biāo)準(zhǔn)。

12、這個技術(shù)很簡單如果你有一定的基礎(chǔ)，下面這段代碼對你會有幫助的但是如果你沒有基礎(chǔ)，建議你好好先補(bǔ)下基礎(chǔ)望采納 style=quotpositionfixedtop0pxleft0pxquot。

13、一般來講實現(xiàn)導(dǎo)航欄指定是采用絕對定位的方式示例代碼如下ltdiv class=quotnavquot這里是導(dǎo)航所在的DIV容器ltdiv CSS代碼nav positionfixed * 絕對定位，fixed是相對于瀏覽器窗口定位 * top0 * 距離。

14、工具材料崇高的文本 首先打開SublimeText軟件，新建一個html頁面，在html頁面中準(zhǔn)備好html結(jié)構(gòu)，如下圖所示接下來，我們在html的body結(jié)構(gòu)中添加導(dǎo)航欄的內(nèi)容，如下圖所示然后需要在style標(biāo)簽中用CSS定義導(dǎo)航條的樣式，如下。

15、添加 navbarfixedtop 類可以讓導(dǎo)航條固定在頂部，還可包含一個 container 或 containerfluid 容器，從而讓導(dǎo)航條居中，并在兩側(cè)添加內(nèi)補(bǔ)paddingltnav class=quotnavbar navbardefault navbarfixedtopquot ltdiv。