CSS 是我們網頁設計中最重要的工具之一，其中之一的技巧是讓網頁的底部固定。在本文中，我們將學習如何使用 CSS 實現這一功能。首先，我們需要向 HTML 中添加一些標記。

// HTML 代碼 
<div class="wrapper">
<!-- 內容 -->
</div>
<div class="footer">
<!-- 底部內容 -->
</div>

如上所示，我們將網頁的主要內容包含在一個帶有“wrapper”類的 DIV 容器中，底部內容則包含在一個帶有“footer”類的 DIV 容器中。現在，我們必須使用 CSS 將這兩個容器固定在底部。

// CSS 代碼 
body {
position: relative;
height: 100%; 
}
.wrapper {
min-height: 100%;
margin-bottom: -100px; 
}
.footer {
height: 100px; 
}

如上所示，我們將 HTML 的整個文檔設置為“position: relative; height: 100%;”，以便可在瀏覽器中完全顯示。接下來，我們將 wrapper 容器的“min-height”設置為“100%”，并將“margin-bottom”設置為“-100px”，以便將 footer 容器推到底部。最后，我們將 footer 容器的高度設置為“100px”，以便顯示底部內容。

在這里，我們已經學會了如何使用 CSS 將底部固定。當然，這只是其中的一種方式。如果您有其他更好的方法，請在下方留言，與我們分享。