CSS是一種可以讓我們改變網(wǎng)頁設(shè)計(jì)的語言。如果你想要懸浮你的網(wǎng)站導(dǎo)航欄，那么使用CSS就可以觸手可及了。

.navbar {
position: fixed;
top: 0;
width: 100%;
z-index: 100;
}

上面這段代碼是關(guān)鍵，它會讓你的導(dǎo)航欄固定在屏幕頂部（top: 0;）， 寬度占滿屏幕（width: 100%;），并且覆蓋在其他網(wǎng)頁內(nèi)容上。

但是，還有其他需要注意的事項(xiàng)。當(dāng)我們把導(dǎo)航欄懸浮在屏幕頂部時(shí)，可能會發(fā)現(xiàn)頁面的部分內(nèi)容會被覆蓋。所以，在導(dǎo)航欄下方添加一些空白的 padding 就能解決這個問題。

body {
padding-top: nav-height;
}

這里的　nav-height　應(yīng)該是你導(dǎo)航欄的高度，這樣padding才能確保，在不影響網(wǎng)頁布局的情況下讓導(dǎo)航欄懸浮在網(wǎng)頁上方。　

最后，代碼應(yīng)該和網(wǎng)頁布局一同考慮。如果你有一個漂亮的導(dǎo)航欄，你需要讓它融入整個網(wǎng)站的風(fēng)格。如果你想讓它在鼠標(biāo)懸停時(shí)改變顏色，或者在滾動時(shí)變得透明，CSS也能幫到你。

使用CSS懸浮導(dǎo)航欄的方法是比較簡單的，同時(shí)自定義導(dǎo)航欄也會讓你的網(wǎng)站更有特色。現(xiàn)在開始嘗試吧！