使用AP div內容垂直展開div

我希望能夠使用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。

來源

2011-08-22 user858599

不確定一個純粹的CSS解決方案是可行的，內部div內的position:absolute。

你可以用jQuery做到這一點，像這樣

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

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

來源

2011-08-22 12:14:37

差不多我有什麼。見[鏈接]（http://jsfiddle.net/johnbirt/HgPv7/）。如果其中一個絕對div也具有內部div，則不起作用。該應用程序目前不產生這樣的我不認爲，但可能在未來做。我想能夠自動展開非浮動的AP Div適合的內容，但沒有成功呢。 – user858599

請在這個問題

make div's height expand with its content

我希望它能幫助你好歹看看。

來源

2011-08-22 12:21:51 Souvik

遺憾的是不處理的AP Div。 – user858599

使用AP div內容垂直展開div

回答

相關問題