CSS 設置置頂
有時候，我們需要把頁面的某一部分固定在頁面頂部，這在很多網站中都很常見。那么，如何使用CSS來實現這個效果呢？
首先，我們可以使用position屬性來設置固定定位，將需要置頂的元素固定在頁面頂部。
例如，我們將一個元素的position屬性設置為fixed，并設置top屬性的值為0，就能將該元素置于頁面頂部：

p {
position: fixed;
top: 0;
}

但是，這樣設置會對其他元素造成一定影響，導致其位置出現偏移。為了避免出現這樣的情況，我們可以再加上一個容器元素。
首先，在HTML中添加一個div元素，并為其設置一個具有足夠高度的樣式。

<div class="container"></div>
<style>
.container {
height: 1000px; /* 設置足夠高的值 */
}
</style>

然后，將需要置頂的元素包含在該容器元素中，并為該元素添加一個fixed屬性和一個與容器元素等高的marginTop值：

<div class="container">
<p class="top">頂部</p>
</div>
<style>
.container {
height: 1000px;
}
.top {
position: fixed;
margin-top: 1000px;
}
</style>

這樣，就能將元素固定在頁面頂部，且不對其他元素造成任何影響了。
總的來說，通過使用position屬性和fixed屬性，我們能夠輕松實現頁面置頂的效果，并且可以將其兼容到所有主流瀏覽器上。