1，首先在html中，添加良好的導(dǎo)航內(nèi)容2，后者是網(wǎng)頁(yè)的具體內(nèi)容，這里的代碼比較簡(jiǎn)單3，在樣式中，首先在菜單中定義一些樣式4，此時(shí)，在運(yùn)行頁(yè)面時(shí)，滾動(dòng)條滾動(dòng)后導(dǎo)航將消失5，為了將導(dǎo)航欄固定在頂部，可以添加樣式位置固定最高0在導(dǎo)航容器中，鍵是第一個(gè)樣式，因此其位置是固定的6。

綠色盒子會(huì)保持在原處然而，如果給黃色盒子添加相對(duì)定位，它會(huì)向上右移動(dòng)，但不會(huì)擠占其他元素的空間最后，固定定位position fixed是最具特色的定位方式，它始終相對(duì)于瀏覽器窗口定位，不隨頁(yè)面滾動(dòng)例如，網(wǎng)頁(yè)上的小廣告和導(dǎo)航欄，無(wú)論用戶如何滾動(dòng)頁(yè)面，它們都會(huì)保持在屏幕的固定位置。

這位網(wǎng)友你好，屬性positionfixed是相對(duì)body元素設(shè)置的，如果你是想讓導(dǎo)航欄固定在頂部的話可以用這個(gè)屬性導(dǎo)航欄的寬度設(shè)置為100%具體設(shè)置方法如下header positionfixed left0 top0 width100%。

6HTML5讓導(dǎo)航欄固定頂部不動(dòng)且不遮擋住下面的DIV方法如下1，首先在html中，添加良好的導(dǎo)航內(nèi)容2，后者是網(wǎng)頁(yè)的具體內(nèi)容，這里的代碼比較簡(jiǎn)單3，在樣式中，首先在菜單中定義一些樣式html從子頁(yè)面跳轉(zhuǎn)首頁(yè)，首頁(yè)不出現(xiàn)如果您需要在從另一個(gè)頁(yè)面移動(dòng)到此頁(yè)面后跳轉(zhuǎn)到另一個(gè)位置，則需要將aname=。

18首先我們的html里，添加好導(dǎo)航內(nèi)容28后面的就是網(wǎng)頁(yè)的具體內(nèi)容了，這里的代碼簡(jiǎn)單一些38樣式里，我們先定義一些菜單里的樣式48這時(shí)運(yùn)行頁(yè)面時(shí)，在滾動(dòng)條滾動(dòng)下去后，導(dǎo)航是會(huì)消失不見(jiàn)的58為了讓導(dǎo)航欄固定在頂部，我們可以在導(dǎo)航容器里添加樣式positionfixedtop0關(guān)鍵是第一個(gè)樣。

ltbody lthtml 上面的代碼已經(jīng)實(shí)現(xiàn)了需要的功能，導(dǎo)航條固定在了網(wǎng)頁(yè)的頂部，這個(gè)主要是使用了positionfixed，然后將top值設(shè)置為0即可，但是僅僅使用positionfixed還是不夠，因?yàn)镮E6瀏覽器并不支持，所以還需要進(jìn)行瀏覽器兼容性設(shè)置，那就是添加以下代碼即可_positionabsolute* 把導(dǎo)航欄位置定義。