1/8首先我們的html里，添加好導(dǎo)航內(nèi)容。

2/8后面的就是網(wǎng)頁的具體內(nèi)容了，這里的代碼簡單一些。

3/8樣式里，我們先定義一些菜單里的樣式。

4/8這時(shí)運(yùn)行頁面時(shí)，在滾動(dòng)條滾動(dòng)下去后，導(dǎo)航是會(huì)消失不見的。

5/8為了讓導(dǎo)航欄固定在頂部，我們可以在導(dǎo)航容器里添加樣式position:fixed;top:0;關(guān)鍵是第一個(gè)樣式，讓它的位置固定起來。

6/8這時(shí)運(yùn)行頁面，頁面滾動(dòng)起來，導(dǎo)航也始終在頂部的。

7/8另外需要修改的地方是導(dǎo)航后面的頁面內(nèi)容，需要添加一個(gè)margin-top的樣式，margin的高度就是導(dǎo)航的高度，或大一點(diǎn)，這主要是讓其內(nèi)容正常顯示，而不會(huì)被改成position為fixed的導(dǎo)航遮蓋住。

8/8添加margin后，導(dǎo)航后面的內(nèi)容才能正常顯示出來。