你可以把主体部分放在一个DIV中，将其最小高度设为100%，然后在后面放页脚的DIV，假如它的高度为40px，则“margin- top:-40px”，这样可能会使主体部分下边的内容被遮住，解决办法是在主体部分最下面的元素上加“padding-bottom:40px”属性即可。理论上讲加“margin-bottom:40px”也可以，但观查发现在IE里会出现垂直滚动条。
示例代码：
<div id=”main” style=”height:auto;min-height:100%;”>
<div>峰之部落 DIV+CSS浮动布局完美解决方案</div>
<div style=”padding-bottom:40px;”>something from https://www.jb51.net/</div>
</div>
<div id=”footer” style=”margin-top:-40px;”>页脚始终在底部</div>
注意别忘了样式表中要加：html,body{height:100%;} 峰之部落 原创文章，转载请注明出处。
这三招应用技巧，基本能解决DIV+CSS浮动布局的常见问题，且能较好的兼容不同的浏览器。
