在網頁設計中，我們常常需要為頁面的元素加上固定的位置。比如我們希望網頁的導航欄始終停留在頁面的頂部，不隨滾動而消失。這時候，我們就可以使用CSS的頂部定位來實現這個功能。

.navbar {
position: fixed;
top: 0;
left: 0;
width: 100%;
background-color: #f5f5f5;
padding: 10px;
}
/* 具體樣式內容可以根據實際情況進行修改 */

在上述代碼中，我們使用了position屬性來將元素定位到固定的位置。同時，我們設置了top為0，讓元素停留在頁面的頂部；設置了left為0，讓元素與頁面的左邊界對齊；設置了width為100%，讓元素的寬度和頁面相等。

除了這些基本的屬性之外，我們還可以為元素添加其他樣式，比如背景顏色、內邊距等等。這些樣式都可以根據具體情況進行修改，以實現更好的效果。

總的來說，CSS的頂部定位功能可以幫助我們輕松實現網頁元素的固定位置。在實際應用中，我們可以根據具體情況進行調整和改進，以達到最佳的視覺效果。