css - 获取相对 div 容器的高度

Question

我有一个 DIV，其中包含许多子 DIV 元素。容器 DIV 的 position 属性设置为 relative，所有子元素的 position 属性设置为绝对。每个都有使用 top 和 left 的位置数据集。我想在容器后添加一个页脚，但它的高度被注册为 0px。有没有办法设置它，使其高度扩展到包含所有子元素(仅通过 CSS，没有 javascript)？

Answer 1

CSS 规范说:

In the absolute positioning model, a box is explicitly offset with respect to its containing block. [1]

因此，CSS 无法扩展容器的高度来包含所有绝对定位的 DIV

[1] http://www.w3.org/TR/CSS2/visuren.html#absolute-positioning