调整父div的大小以匹配绝对定位的子div高度

Question

我有一个CSS问题：

我在容器中有一个绝对定位的div。容器不会调整大小到内容的高度。为什么呢？

Answer 1

您需要使用JavaScript。使用jQuery，你可以做到

var parentHeight = $('#parent').height(),
    childHeight = $('#child').height();

if (parentHeight <= childHeight) {
    $('#parent').height(childHeight);
}

检查http://jsfiddle.net/mkCU5/2/

处的工作示例

Answer 2

因为当你给某个位置absolute位置时，你会把它从布局流程中取出来。这意味着它的尺寸不再用于计算其父母的身高等等。

如果您的元素具有已知的固定高度，那么您也可以为其父元素指定适当的高度。否则你应该寻找另一种方法来实现你的目标。

Answer 3

当CSS使用绝对定位时，它会将其从流程中取出。如果它不在流量范围内，则不会计算高度计算。