改变div方相对

时间:2016-01-21 19:34:34

标签: javascript html

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

我有另一个div浮动它

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

我希望正确的div将继续沿着第二个div

正确的div代码:

 <div id="aside">

第二个div代码:

 <div id="art">

现在我在第二个div结束后编写这段代码:

document.getElementById("aside").style.minHeight = document.getElementById("art").clientHeight + "px";

结果是正确的div获得高度:8927px

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

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

document.getElementById("art").clientHeight

在控制台中,我得到:9847px

我想,因为我在第二个div上有图像而且还没有加载,高度低于代码运行时的高度

所以我试着这样做:

window.onload = function () {
 document.getElementById("aside").style.minHeight = document.getElementById("art").clientHeight + "px";
}

但没有发生任何事情, 问题是什么? 纯粹的js请

Jsfiddle https://jsfiddle.net/u6h6kmze/

使shure扩展输出以查看结果

1 个答案:

答案 0 :(得分:0)

我认为你的问题与CSS。

将div的'overflow属性设置为隐藏

#art, #aside {overflow:hidden}