使用CSS获取所有可用的垂直空间？

Question

我想创建一个从它开始到页面底部的任何地方，但不会超出页面底部。它有overflow-y：auto，所以如果div内容太长，会出现一个滚动条（仅限于此，而不是整页）。

我尝试了高度：100％，但是这使得高度等于页面高度...所以如果不是从页面的最顶部开始，它最终会变得太高。

（示例：窗口高度为100px;页面顶部的内容为20px;我希望高80px。但是如果窗口调整为90px，我希望它自动调整为70px。）

这可以在没有JS的情况下完成吗？如果没有，我如何使用JS来做到这一点？ （使用FF 3.x，但跨浏览器解决方案当然是首选。）

Answer 1

听起来你想要的东西如下：

#myContainer {
  position: absolute;
  top: 20px;
  bottom: 0px;
  left: 0px; /* Should include space for a sidebar, if you have one. */
  right: 0px; /* Same as above */
}

Answer 2

好的，找到了解决方案 - 将位置设为绝对位置并将底部设置为0（顶部为顶部）。

Answer 3

您是否尝试将body页边距设为0？