多个div的100％最小高度？

Question

如果我有以下结构，例如，在单页面布局中：

<div id="container">
<div id="div1"></div>
<div id="div2"></div>
<div id="div3"></div>
<div id="div4"></div>
</div>

是否可以将div的最小高度设置为1-4％，并使用CSS单独将每个div设置在另一个之下？我创建了一个页面，其中每个div的高度为100％，但当div的内容比浏览器窗口长时，问题就开始出现了。似乎有很多最小高度100％的相关文章，但我还没有找到一个涉及多个div的地方。

Answer 1

要使height或min-height在元素上正常工作，元素的父元素需要声明显式height。这在DOM树中一直存在。

据我所知，使用min-height渲染一个或多个div元素应该没有区别，所以是的，可以单独用CSS进行定位。

有关详细信息，请参阅Percentage Height HTML 5/CSS