2011-08-22 74 views
1

我希望能够使用JQuery代码来更改由另一个应用程序生成的使用AP div生成的某些页面,以便外部容器div与内部div(s)(它们是AP div)垂直增长。显示了一个简单的通用示例。使用AP div内容垂直展开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指定的高度。需要保留绝对职位。
谢谢
John B

对不起!没有在#wrapper中添加高度设置 - 添加高度:400px。

回答

0

不确定一个纯粹的CSS解决方案是可行的,内部div内的position:absolute

你可以用jQuery做到这一点,像这样

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

例子:http://jsfiddle.net/jasongennaro/aQh2Q/

+0

差不多我有什么。见[链接](http://jsfiddle.net/johnbirt/HgPv7/)。如果其中一个绝对div也具有内部div,则不起作用。该应用程序目前不产生这样的我不认为,但可能在未来做。我想能够自动展开非浮动的AP Div适合的内容,但没有成功呢。 – user858599