css的h5固定底部 |css content的作用

/* CSS代码段开始 */
.footer{
position: fixed; 
bottom: 0; 
width:100%; 
height: 50px; 
background-color: #333; 
color: #fff; 
text-align: center; 
line-height: 50px; 
}
/* CSS代码段结束 */

如上方代码所示，设置底部元素的CSS样式，可以令元素“定位”在可视页面底部的位置，从而实现“固定”的效果。

其中，position: fixed;属性指定元素是固定位置的；bottom: 0;属性将底部元素位置设置为页面底部；width:100%;属性将该元素的宽度设置为和整个页面等宽；height: 50px;属性将底部元素的高度设定为50个像素；background-color: #333;和color: #fff;属性将底部元素的背景色设置为深灰色，前景色设置为白色；text-align: center;属性将该元素内文本居中显示；line-height: 50px;属性将内部文本与元素底部相差50个像素。

最终的效果即为一个漂亮的底部元素，跟随用户滚动页面而固定在底部，为网页增添了不少美观程度和使用性。