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 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/

注意：我确实删除了孩子的高度：100％，因为您已经指定高度将继承到父级。另外，我添加了边框，以便我可以看到div的实际高度

内部div的div高度

3 个答案: