CSS頂部導航固定是Web開發中常用的一種技術，它可以讓網站頁面中的導航欄固定在瀏覽器的頂部，無論用戶向下滾動頁面還是向上滾動頁面，導航欄都會一直保持在視圖中。這樣做不僅可以提高用戶體驗，還可以讓頁面更加美觀。

nav {
position: fixed;
top: 0;
left: 0;
width: 100%;
background-color: #ffffff;
box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.1);
z-index: 999;
}

上述CSS代碼是實現頂部導航固定的關鍵，其中position: fixed將導航欄的定位設置為固定，top: 0將頂部設置為0，left: 0將左側設置為0，width: 100%將寬度設置為100%，background-color: #ffffff設置導航欄的背景顏色為白色，box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.1)設置導航欄的陰影效果，z-index: 999將導航欄的層級設置為999，使其能夠覆蓋其他元素。

除此之外，需要注意的是，當頁面的頂部有padding或margin時，需要修改導航欄的top值，以便使它能夠與頁面頂部對齊。

總之，CSS頂部導航固定是一種簡單而有效的頁面布局方式，它可以提高用戶體驗，優化頁面設計。希望本文對您有所幫助。