css sticky footer布局

html:

　　<div class="wrap">
　　　　<div class="content">
　　　　　　............
　　　　</div>
　　</div>
　　<div class="footer"></div>

css:

　　html,body{height:100%;}
　　.wrap{min-height: 100%;}
　　.content{padding-bottom: -111px;}
　　.footer{margin-top:-111px;height:111px;}

效果展示：

　　页面内容不足一屏时，footer固定在页面底部。页面内容超出一屏，出现滑屏效果时，footer仍然固定在底部。