我正在努力从使用表的布局目的到使用div(是的,是伟大的辩论)。我有3个div,一个标题,内容和页脚。页眉和页脚各为50像素。如何获取页脚div留在页面的底部,内容div填充之间的空间?我不想硬编码内容div的高度,因为屏幕分辨率可以改变。
解决方法
总结(这是来自Traingamer提供的
CSS Sticky Footer链接),这是我使用的:
html,body { height: 100%; } #divHeader { height: 100px; } #divContent { min-height: 100%; height: auto !important; /*Cause footer to stick to bottom in IE 6*/ height: 100%; margin: 0 auto -100px; /*Allow for footer height*/ vertical-align:bottom; } #divFooter,#divPush { height: 100px; /*Push must be same height as Footer */ } <div id="divContent"> <div id="divHeader"> Header </div> Content Text <div id="divPush"></div> </div> <div id="divFooter"> Footer </div>