在前端開發中，導航欄是一個非常重要的組件。用戶可以通過導航欄快速瀏覽網站的各個部分，因此導航欄需要始終保持用戶可見。

在CSS中，可以使用position屬性來實現導航欄固定在頂部的效果。position屬性有以下幾種取值：

position: static; /* 默認值 */
position: relative;
position: absolute;
position: fixed;

其中，position為fixed的元素會相對于瀏覽器窗口固定位置，不會隨頁面滾動而移動。因此，將導航欄設置為fixed即可實現導航欄固定在頂部。

.nav {
position: fixed;
top: 0;
width: 100%;
/* 其他樣式 */
}

以上代碼將.nav元素設置為fixed定位，并將其頂邊距離為0。由于導航欄通常需要占據整個頁面寬度，因此添加width:100%的樣式。

除了將導航欄固定在頂部，也可以將其固定在頁面底部或左右側。只需要將top、bottom、left、right樣式設置為相應的值即可。

綜上所述，通過CSS的position屬性將導航欄固定在頂部非常簡單，只需要為導航欄元素添加fewfixed樣式即可。