通过position:fixed;固定页脚

html：<div class="footer">footer content</div>

css:　　.footer{

　　　　　　bottom:0;

　　　　　　left:0;

　　　　　　position:fixed;

　　　　　　right:0;

　　　　}

注意如何设置“left”和“right”两个盒子位移，这使得“页脚”跨越了页面的整个宽度，而不需使用margin、border和padding来破坏盒模形就做了收缩自如。