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

Question

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

如果我有以下内容（针对该问题删除了代码）

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

#container {
    position: relative;
}

#content {
    position: absolute;
}

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

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

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

我理解这可能是不可能的，如果不使用某种JavaScript，因为放置div绝对将它从流程等中取出，但只是想知道是否有人知道某种工作？

谢谢！

Answer 1

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

如果所有其他方法都失败了，这是一个jQuery解决方案：

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

Answer 2

好的，我不知道你的内容是什么（jQuery UI的东西）。但是，请说它只是一张图片：

#container {
    position: relative;
}

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

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