Jquery 内部div的div高度
我在另一个Jquery 内部div的div高度,jquery,jquery-ui,Jquery,Jquery Ui,我在另一个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>'); $('#maindivid').append(
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>');
$('#maindivid').append('');
但是我的新
div
没有得到容器的整个高度div
。如何实现这一点?将新div的属性设置为height:inherit
尝试设置父div的高度,然后将子div的高度设置为100%。父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>');
$('maindivid')。追加('Child');
这适用于jsfiddle.net:
注意:我确实删除了子项上的高度:100%,因为您已经指定高度将继承给父项。此外,我还添加了边框,以便可以看到div的实际高度$(“#maindivid”)。append(“”);你能用css向我们展示父html代码吗?以及要追加的子级?父级div:child div:$('#maindivid')。追加('';相对位置似乎起作用:RU正确打开和关闭div标记??它仍然不起作用。好的,让我解释一下我的情况。我在主div中有一个jstree。点击一个按钮,说我正试图将子div附加到主div,主div的高度随着树节点的展开而增加。我刚刚检查了父div的高度是560px。在什么浏览器上进行RU测试?是否可以将父div的高度设置为已创建的高度,并且我正在获取其id动态地。height css属性将从dom中逐渐延伸出来。如果您有基于百分比的高度,而父级没有指定高度,则子级无法确定100%是什么。另一种可能适用于您的方法是将位置设置为绝对,将顶部和底部属性设置为0。不理想但无法指定父div的高度也不理想。如果父div没有高度,那么子div将符合什么要求?我想您可能需要发布一些示例代码。我刚刚检查了父div的高度是560px。不知何故,我无法达到100%的高度,但无论如何,感谢大家。也许还有其他问题。