Question

我希望能够使用JQuery代码来修改由另一个应用程序使用AP div生成的某些页面，以便外部容器div垂直增长，内部div是AP div。显示了一个简单的通用示例。

<body>
<div id="wrapper" style="border:1px solid black;height:400px;width:200px;" >
<div id="txt" style="position:absolute;top:100px;left:100px;background-color:red;width:100px;border:1px;">
</div>  
</div>

#wrapper本质上是一个伪页面背景div，它最初在应用程序中具有固定的尺寸，可能与主体的颜色不同。我会说动态地向#txt添加内容，我希望#wrapper放大到'覆盖'里面的新div内容。希望我已经解释得很好。

这是可能的自动方式还是我必须为所有内部div做一些总和然后相应地改变包含div #wrapper的高度。需要保留绝对位置由于
约翰B

抱歉！未在#wrapper中设置高度设置 - 添加高度：400px。

Answer 1

内部position:absolute内的div无法确定是否可以使用纯CSS解决方案。

你可以用jQuery这样做

var h = $('#txt').height();
$('#wrapper').height(h + 100 + 'px');

示例：http://jsfiddle.net/jasongennaro/aQh2Q/

Answer 2

请看一下这个问题

make div's height expand with its content

我希望它能帮到你。

使用AP div内容垂直展开div

2 个答案: