CSS的H5固定底部功能可以讓網(wǎng)頁(yè)底部的元素一直停留在頁(yè)面的底部位置，無(wú)論用戶如何滾動(dòng)屏幕。這個(gè)功能在不同的網(wǎng)頁(yè)設(shè)計(jì)中經(jīng)常使用，比如在底部懸停音樂播放器、底部導(dǎo)航菜單等。

/* CSS代碼段開始 */
.footer{
position: fixed; 
bottom: 0; 
width:100%; 
height: 50px; 
background-color: #333; 
color: #fff; 
text-align: center; 
line-height: 50px; 
}
/* CSS代碼段結(jié)束 */

如上方代碼所示，設(shè)置底部元素的CSS樣式，可以令元素“定位”在可視頁(yè)面底部的位置，從而實(shí)現(xiàn)“固定”的效果。

其中，position: fixed;屬性指定元素是固定位置的；bottom: 0;屬性將底部元素位置設(shè)置為頁(yè)面底部；width:100%;屬性將該元素的寬度設(shè)置為和整個(gè)頁(yè)面等寬；height: 50px;屬性將底部元素的高度設(shè)定為50個(gè)像素；background-color: #333;和color: #fff;屬性將底部元素的背景色設(shè)置為深灰色，前景色設(shè)置為白色；text-align: center;屬性將該元素內(nèi)文本居中顯示；line-height: 50px;屬性將內(nèi)部文本與元素底部相差50個(gè)像素。

最終的效果即為一個(gè)漂亮的底部元素，跟隨用戶滾動(dòng)頁(yè)面而固定在底部，為網(wǎng)頁(yè)增添了不少美觀程度和使用性。