我有一个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扩展输出以查看结果
答案 0 :(得分:0)
我认为你的问题与CSS。
将div的'overflow属性设置为隐藏
#art, #aside {overflow:hidden}