css - 添加一个占用所有可用垂直空间的 DIV

Question

我有一个空白页面，上面有一个 DIV:

<div style="height: 20%;
            min-height: 10px;
            max-height: 100px;
            width: 100%;
            background-color: blue;"></div>

我想在此之后添加一个 DIV，以占用页面上所有剩余的垂直空间。我该怎么做？

我在这上面花了一整天，CSS 开始让我发疯。

Answer 1

这个 div 里面必须有什么？

如果它只是一个颜色填充器，只需将您的蓝色 div 放在另一个 div 中，您提供背景颜色并使它适合 100% 的浏览器窗口？

它看起来像是彼此下方的 2 个 div。如果您需要内容，您可以随时将另一个 div 放在蓝色的 div 下，其中包含您想要的任何内容。

编辑: 代码示例: http://jsbin.com/efefe/2