CSS怎么設置在頂部
在網頁設計中，有些元素需要固定在頁面頂部，例如導航欄、搜索框等等。這時我們就需要使用CSS來實現。下面介紹幾種設置在頂部的CSS方法。
1. 使用position屬性
position屬性用于設置元素的定位方式，可以將其設置為fixed，表示固定在某個位置。將導航欄的position屬性設置為fixed，并將top屬性設置為0，即可實現導航欄固定在頁面頂部的效果。

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

2. 使用flexbox布局
flexbox布局是一種彈性盒子布局，可以輕松實現元素在容器中的分布和對齊方式。將容器設置為flex，將導航欄的flex屬性設置為1，即可實現導航欄占據一行的效果。

CSS
.container {
display: flex;
flex-wrap: wrap;
}
nav {
flex: 1;
}

3. 使用sticky屬性
sticky是CSS3新增的一種屬性，表示粘性定位。與fixed不同的是，sticky元素會保持在相對定位的父元素內，并在滾動到指定位置后變為固定位置。

CSS
nav {
position: sticky;
top: 0;
}

總結
以上是幾種設置在頂部的CSS方法，根據需求選擇相應的方法即可。在代碼實現中，建議使用pre標簽進行格式化展示，讓代碼更加美觀易懂。

CSS
<pre>
nav {
position: fixed;
top: 0;
width: 100%;
}
.container {
display: flex;
flex-wrap: wrap;
}
nav {
flex: 1;
}
nav {
position: sticky;
top: 0;
}