Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/html/86.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 更改div侧相对值_Javascript_Html - Fatal编程技术网

Javascript 更改div侧相对值

Javascript 更改div侧相对值,javascript,html,Javascript,Html,我有一个向右浮动的div,宽度为:15% 我还有另一个div,浮球 现在第一个div高度是:1246px 第二个div高度为:9847px 我希望正确的方向继续沿着第二个方向 右div代码: <div id="aside"> <div id="art"> 结果是右div的高度为:8927px 但第二个div的高度为:9847px 我不知道为什么会发生这种情况,当我运行此代码时: document.getElementById("art").clientHeight

我有一个向右浮动的div,宽度为:15%

我还有另一个div,浮球

现在第一个div高度是:
1246px
第二个div高度为:
9847px

我希望正确的方向继续沿着第二个方向

右div代码:

 <div id="aside">
 <div id="art">
结果是右div的高度为:
8927px

但第二个div的高度为:
9847px

我不知道为什么会发生这种情况,当我运行此代码时:

document.getElementById("art").clientHeight
在控制台中,我得到:
9847px

我想,因为我在第二个div上有图像,它们还没有加载,所以高度比代码运行时的假设值要低

所以我试着做:

window.onload = function () {
 document.getElementById("aside").style.minHeight = document.getElementById("art").clientHeight + "px";
}
但是什么都没发生, 有什么问题吗? 请给我纯js

JSFIDLE


让舒尔您扩展输出以查看结果

我认为您的css问题

将divs的溢出属性设置为隐藏

#art, #aside {overflow:hidden}

你能在jsfiddle上分享你的代码吗?@kamurasönecek我编辑并广告了jsfiddle,当我设置
overflow:hidden
for#aside和#art时,它们的高度相同。
#art, #aside {overflow:hidden}