html - 调整父 div 以适合子 div

标签 html css position

如果不使用 JavaScript,这可能很难做到...

如果我有以下(剥离出问题的代码)

<div id="container">
    <div id="content"></div>
</div>
#container {
    position: relative;
}

#content {
    position: absolute;
}

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

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

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

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

谢谢!

最佳答案

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

如果一切都失败了,这里有一个 jQuery 解决方案:

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

关于html - 调整父 div 以适合子 div,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/10301987/

相关文章:

php - 如何使用 php MySQL 将多条记录从 HTML 表单插入到表中?

html - 我可以使用同一个 anchor 链接到多个元素吗?

javascript - jQuery悬停动画效率

html - 如何自动将 CSS 模拟的表格单元格拆分为多行?

html - 如何转义我的 application.html.erb 文件

android - 如何使 CSS flex 属性与旧浏览器兼容?

jquery - 使用 jQuery $(document).ready(..)

html - 如何超出视口(viewport)之外的 body 高度并使内容垂直居中?

css - HTML 并排 DIV 定位

python - pygame 将图像放置在屏幕上的问题