html - 调整父 div 的大小以适合子 div

Question

如果不使用 JavaScript，这可能是一个很长的路要走……

如果我有以下情况（删除了问题的代码）

<div id="container">
    <div id="content"></div>
</div>

#container {
    position: relative;
}

#content {
    position: absolute;
}

内容框包含动态内容，因此不能使用固定高度。

必须在内容 div 上使用绝对位置，因为它使用 jQuery UI 的东西......

如何让容器框调整其高度以适应内容？

我知道如果不使用某种 JavaScript，这可能是不可能的，因为放置绝对定位的 div 会使其脱离流程等，但只是想知道是否有人知道某种解决方法？

谢谢！

score 2 · Accepted Answer

编辑：我第一次误解了这个问题。

如果一切都失败了，这是一个 jQuery 解决方案：

$('#container').css('height',$('#content').height());

score 1 · Accepted Answer

好的，我不知道你的内容是什么（jQuery UI 的东西）。但是，假设它只是一个图像：

#container {
    position: relative;
}

#content {
    position: absolute;
    top:0; bottom:0; left:0; right:0;
}

这会将您的内容区域设置为父级的至少 100% 的宽度和高度。

2 回答 2