當我們在網頁中制作導航欄的時候，為了方便用戶的操作，我們通常會將導航欄放在網頁的頂部，并且要讓導航欄固定在頂部不隨滾動而移動。那么，我們該如何使用CSS來實現導航固定呢？下面，就讓我來給大家詳細介紹一下。

/*首先，我們需要給導航欄設置一定的樣式*/
nav {
position: fixed; /*使導航欄固定*/
top: 0; /*設置導航欄距離頁面頂部的位置為0*/
width: 100%; /*使導航欄占滿整個頁面的寬度*/
background-color: #f2f2f2; /*設置導航欄的背景顏色*/
z-index: 999; /*設置導航欄層疊順序為最高，防止被其他元素覆蓋*/
}
/*接下來，我們需要讓頁面的主體內容下移，避免內容被導航欄遮擋*/
body {
padding-top: 50px; /*設置頁面主體內容距離導航欄的距離為50px*/
}

以上就是實現導航固定的基本代碼了。當然，實際情況下我們還可以根據需求添加一些細節的樣式，例如在鼠標懸浮在導航欄上的時候變色等等。總之，使用CSS實現導航固定的方法很簡單，只需要設置好導航欄的樣式和頁面主體內容的位置即可。