CSS實現footer置底有多種方法，其中比較常用的是使用flex布局和絕對定位兩種方式。

第一種方法是使用flex布局。我們可以將頁面增加一個父元素，然后給這個元素設置display:flex和min-height:100vh屬性。接著，將header和main分別放到一個子元素里，給主體部分main設置flex-grow:1，讓其占據剩余空間。最后，將footer部分放在與header和main同級的元素中，給這個元素設置margin-top：auto和flex-shrink:0，讓footer保持在頁面的底部。

.page-wrapper {
display: flex;
min-height: 100vh;
flex-direction: column;
}
.main-content {
flex-grow: 1;
}
.footer {
margin-top: auto;
flex-shrink: 0;
}

第二種方法是使用絕對定位。我們先將footer的position屬性設置為absolute，bottom屬性設置為0，然后將footer的寬度設置為100%，用margin:auto來居中顯示。缺點是footer在內容比較少的頁面中會出現重疊問題，需要手動添加padding使其避免重疊。

.footer {
position:absolute;
bottom:0;
width:100%;
height:60px;
margin:auto;
}

以上兩種方式都可以實現footer置底，選擇哪種方式視具體情況而定，但要注意在不同情況下需要做出相應的調整。