CSS3的底部浮動是一種非常方便的布局方式，可以使網(wǎng)頁內(nèi)容顯示更加完整。底部浮動是指元素在頁面底部浮動，不占用正常文檔流的位置。

footer {
position: fixed;
bottom: 0;
left: 0;
width: 100%;
background-color: #333;
color: #fff;
text-align: center;
padding: 10px;
}

如上代碼段所示，設(shè)置底部浮動的方法是將元素的position屬性設(shè)置為fixed，bottom屬性設(shè)置為0，這樣就能將元素固定在頁面底部。同時設(shè)置寬度為100%，可使元素充滿整個頁面，背景顏色和文本顏色可根據(jù)需求進行修改，設(shè)置padding值可使底部元素與頁面內(nèi)容有一定距離。

需要注意的是，底部浮動元素相對于瀏覽器窗口而言，如果頁面內(nèi)容超出窗口高度，元素會被遮擋。如果需要將底部浮動的元素固定在頁面底部，可以使用media query設(shè)置最小高度。

@media screen and (min-height: 600px) {
footer {
position: fixed;
bottom: 0;
left: 0;
width: 100%;
background-color: #333;
color: #fff;
text-align: center;
padding: 10px;
}
}

如上代碼所示，將底部浮動元素設(shè)置在min-height為600像素時，可以使元素固定在窗口底部。通過使用media query可以實現(xiàn)有特殊高度需求的底部浮動元素。