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

【问题标题】：Resize parent div to match absolutly positioned child div height调整父 div 的大小以匹配绝对定位的子 div 高度
【发布时间】：2011-07-18 14:10:35
【问题描述】：

我有一个 CSS 问题：

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

【问题讨论】：

标签： javascript jquery html css height

【解决方案1】：

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

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

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

在http://jsfiddle.net/mkCU5/2/查看工作示例

【讨论】：

我一直在寻找的简单而优雅的东西。您也可以将其用于其他解决方案并未真正考虑的响应式站点。谢谢！

【解决方案2】：

因为当您将absolute 位置分配给某物时，您会将其从布局流程中移除。这意味着它的尺寸不再用于计算其父级的高度等。

如果你的元素有一个已知的固定高度，那么你也可以给它的父元素一个合适的高度。否则你应该寻找另一种方式来实现你的目标。

【讨论】：

【解决方案3】：

当某些东西用 CSS 绝对定位时，它会将其排除在流程之外。当它超出流量时，它不会被计算在高度计算中。

【讨论】：