0

我正在像这样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。如何做到这一点？

4

3 回答 3

0

父级：

<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 的实际高度

于 2012-07-03T20:20:34.703 回答
0

将新 div 的属性设置为height:inherit;

于 2012-07-03T19:44:44.953 回答
0

尝试设置父 div 的高度，然后将子 div 的高度设置为 100%。

于 2012-07-03T19:47:56.873 回答