CSS底部填充是指在網頁底部添加一定的間隔，以免內容緊貼網頁底部，影響閱讀體驗。通常我們會在網頁最底部添加一個頁腳，頁腳中包括版權信息、備案號、聯系方式等，同時也需要使用底部填充來保證網頁的美觀性。

footer {
padding: 20px;
background-color: #D8D8D8;
}
html, body {
height: 100%;
}
.wrapper {
min-height: 100%;
margin-bottom: -50px;
}
.wrapper:after {
content: "";
height: 50px;
display: block;
}

上述代碼中，我們首先為footer元素添加了一個20像素的padding，使頁腳與網頁邊緣保持一定距離。而wrapper元素則通過設置最小高度為100%和margin-bottom為-50px來達到底部填充的效果，同時使用wrapper:after元素添加一個高度為50px的塊級元素，以免內容與頁腳重疊。

以上就是CSS底部填充的實現方法，希望對大家的前端開發工作有所幫助。