html部分
<div class="container"> <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:fixed;bottom:0px;left:0px;right:0px;}
原文：http://www.cnblogs.com/lk-kk/p/4654832.html