所有浏览器都不需要支持该解决方案。
<div id="page">
<div id="header"> </div>
<div id="content"> </div>
<div id="footer"> </div>
</div>
我们来看看。页面得到width:100%;height:100%。标题和内容都得到了width:100%（这还是必需的吗？），但它们有固定的高度，比方说height: 200px和height: 500px。现在我希望页脚填满页面的其余部分。
任何解决方案？
感谢您的帮助。
答案 0 :(得分：1)
你可以使用这样的东西：
html,body,#page {height:100%}
#page {position:relative;}
#header {height:200px;background:green;}
#content {height:500px;background:grey;}
#footer {position:absolute;top:700px;bottom:0;background:red;width:100%;}
实际上您为position:absolute设置了#footer并为top 700px提供了值; #header以及#content和bottom:0的总高度将填满空白区域。
答案 1 :(得分：0)
据我所知，css3可以做“数学”和简单的功能 se w3c-specifications，搜索“calc”;）