html代码：
<div class="container">
<div cass="header"></div>
<div class="body"></div>
<div class="footer"></div>
</div>
第一种情况：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%,否则将无法随滚动条的滚动而滚动.
原文：http://www.cnblogs.com/answer-liu/p/5486838.html