div高度100％但不超过绝对粘性页脚

Question

我尝试将div扩展到高度，但它正在扩展到底部的绝对定位粘性页脚，这是一个演示：

http://jsfiddle.net/UMLKf/1/

（我不需要支持旧浏览器）

Answer 1

您的margin-bottom: 200px规则只会影响文档流程中的后续元素。它将不使你的div 200px小于浏览器窗口。为了证明我已经设置了jsFiddle here。

如果您希望div底部距浏览器窗口底部200px，则可以使用top: 0和bottom: 200px进行绝对定位。 JsFiddle here

Answer 2

在你的主要div上试试这个：

#content { position: absolute; top: 0; left: 0; right: 0; bottom: 200px; }

和页脚：

#footer { position: absolute; bottom: 0; height: 200px; }

这可能适用于position：relative。

编辑：

以下是演示：http://jsfiddle.net/adaz/nQVPm/

我很确定这适用于IE7 +