HTML導(dǎo)航欄是網(wǎng)站必不可少的組成部分，一般放置在頁面的頂部，方便訪問者快速定位到所需的內(nèi)容，但是有時候，設(shè)計上需要在導(dǎo)航欄下方再放置部分重要的內(nèi)容，那么如何讓導(dǎo)航欄在下方固定呢？

.nav {
position: fixed;
top: 0;
left: 0;
width: 100%;
z-index: 999;
}
.content {
padding-top: 50px; /* 根據(jù)導(dǎo)航欄高度設(shè)置對應(yīng)的padding */
}

上面的代碼就可以實現(xiàn)導(dǎo)航欄在下方固定的效果。

首先，我們?yōu)閷?dǎo)航欄設(shè)置了固定定位（position:fixed），這樣它就脫離了文檔流，并且永遠(yuǎn)在頁面頂部不動。同時，我們設(shè)置了top:0和left:0讓它完全覆蓋在頁面頂部。

然后，我們使用了一個高于其他元素的z-index（999），這樣導(dǎo)航欄就會一直處于頂部，無論在頁面滾動時是否可見。

最后，我們需要給內(nèi)容區(qū)域增加一個padding-top值，該值應(yīng)該與導(dǎo)航欄的高度相等。這樣，我們的內(nèi)容就不會被導(dǎo)航欄所遮擋。

總之，固定導(dǎo)航欄在下方不是難事，只要使用CSS的position:fixed屬性并設(shè)置與之相關(guān)的屬性就可以實現(xiàn)。