在網站設計中，導航欄是非常重要的一個組成部分，為了方便訪問和導航，通常我們會將導航欄固定在頁面的頂部，這樣無論用戶向下滾動頁面，導航欄也會一直保持在視線范圍內。在CSS中，可以通過一些簡單的技巧實現導航欄固定在頂端。

nav {
position: fixed;
top: 0;
width: 100%;
}

首先，我們需要將導航欄的定位方式設置為fixed，這樣它就會脫離文檔流，并始終停留在頁面的頂部。然后需要設置top為0，這將導航欄與頁面的頂部對齊。接著設置寬度為100%，這將導航欄的寬度鋪滿整個頁面。

此時，你會發現導航欄已經固定在了頁面的頂部。但是，如果頁面頂部有其他元素，導航欄可能會被其他元素遮擋。為了避免這種情況，我們需要將其他元素作為導航欄的“占位符”。

header {
height: 80px; /* 導航欄的高度 */
}
nav {
position: fixed;
top: 0;
width: 100%;
}

在上面的代碼中，我們將頁面頂部的header元素的高度設置為導航欄的高度。這樣，即使有其他元素，也不會遮擋導航欄。

通過以上簡單的CSS設置，我們就可以輕松實現導航欄固定在頁面的頂部，提升用戶體驗。