css - div 高度 100% 但不超过绝对粘性页脚

Question

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

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

(我不需要支持旧浏览器)

Answer 1

您的margin-bottom: 200px 规则只会影响文档流中的后续元素。它不会使您的 div 比浏览器窗口小 200 像素。为了演示我已经设置了一个 jsFiddle here .

如果您希望 div 的底部距浏览器窗口底部 200 像素，您完全可以使用 top: 0 和 bottom: 200px 来定位它。 JsFiddle here .