在網頁開發中，固定頁尾通常是必不可少的一個功能。那么，如何用CSS來實現固定頁尾呢？ 首先，我們需要為頁尾添加一個樣式，使用CSS的position屬性，將頁尾元素定位在網頁底部。代碼如下：

footer {
position: fixed;
bottom: 0;
width: 100%;
}

在上面的代碼中，“position: fixed;”表示將元素定位為固定位置，而“bottom: 0;”表示將元素固定在網頁底部。 接下來，我們還需要為網頁主體內容添加一個樣式，以防止頁尾遮蓋內容。代碼如下：

body {
margin-bottom: 60px;   /* 60px為頁尾元素的高度 */
}

在上面的代碼中，“margin-bottom: 60px;”表示在頁面底部留出60像素的空間，以保證頁尾不會遮蓋網頁主體內容。 好了，現在我們已經成功實現了固定頁尾的功能。當我們往網頁中添加內容時，頁尾將一直顯示在頁面底部，不會隨內容滾動而移動。 思路理清，代碼簡單易懂，希望這個小技巧對你的網頁開發有所幫助！