CSS是網(wǎng)頁設(shè)計中非常重要的一環(huán)，可以為我們的HTML文檔添加各種樣式，從而美化網(wǎng)頁界面。下面就來介紹一下如何使用CSS讓底部固定。

/* 先將文檔分成不同區(qū)域，比如頁頭、主體、頁腳 */
header {
height: 100px; /* 頁頭高度 */
}
main {
min-height: calc(100vh - 200px); /* 主體高度為窗口高度減去頁頭和頁腳的高度 */
}
footer {
height: 100px; /* 頁腳高度 */
position: fixed; /* 使用fixed屬性將頁腳固定在底部 */
bottom: 0; /* 將頁腳置于底部 */
width: 100%; /* 頁腳寬度與瀏覽器寬度一致 */
}

在代碼中，首先將整個文檔分成三個部分，即頁頭、主體和頁腳。通過設(shè)置主體的min-height屬性，使頁面最小高度為視口高度減去頁頭和頁腳的高度，這樣無論頁面內(nèi)容的多少，頁腳都能夠始終固定在底部。

而頁腳則需要使用position和bottom兩個屬性，將其固定在文檔底部，同時設(shè)置其寬度為100%，使其占據(jù)整個頁面寬度。這樣，無論瀏覽器的大小如何，頁腳都能夠始終固定在底部。