內部div的div高度

Question

我追加div另一個里面div像這樣：

$('#maindivid').append('<div id="newid" style="background: url(xyz/image/test.png); position:absolute; min-height:100%; width:100%; height:100%; top:0px; left:0px; overflow:auto;"></div>');

但是我的新div無法獲得容器div的整個高度。 如何做到這一點？

Answer 1

將新div的屬性設置為height:inherit ；

Answer 2

嘗試設置父級div的高度，然后將子級的高度設置為100％。

Answer 3

家長Div：

<div id="maindivid" scrollleft="0" scrolltop="0" style="border:1px solid black; width: auto; height: 561.4px;" class="class-new " >
       Parent Border
</div>​

追加孩子的腳本：

 $('#maindivid').append('<div id="childid" style="border: 1px solid red; position:absolute; width:100%; height:inherit; ">Child</div>'); ​

這個工程上jsfiddle.net： http://jsfiddle.net/qY47q/

注意：我確實刪除了子級的height：100％，因為您已經指定了高度將繼承給父級。 另外，我添加了邊框，以便可以看到div的實際高度