css - 多个 div 的 100% 最小高度？

Question

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

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

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

Answer 1

为了height或min-height在元素上正确工作，元素的父元素需要显式height声明。这在您的 DOM 树中一直向上。

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

有关更多详细信息，请参阅百分比高度 HTML 5/CSS