footer置底

...

html代码：

第一种情况：footer随着滚动条的滚动而滚动 

.container{
    position:relative;
    width:100%;
    min-height:100%;
} 
.body{
    padding-bottom:50px;
} 
.footer{
    height:50px;
    position:absolute;
    bottom:0px;
    left:0px;
} 

第二种情况:footer始终在其底部固定 

.container{
    position:relative;
    width:100%;
    min-height:100%;
} 
.body{
    padding-bottom:50px;
} 
.footer{
    height:50px;
    position:fixed;
    bottom:0px;
    left:0px;
} 

注意： 
千万不能设置.container的高度为100%,否则将无法随滚动条的滚动而滚动.

以上就介绍了footer置底，包括了foot,ter方面的内容，希望对HTMLjrs看球网直播吧_低调看直播体育app软件下载_低调看体育直播有兴趣的朋友有所帮助。

本文网址链接：http://www.codes51.com/article/detail_1040509.html