我需要将侧边栏的高度设置为与主要内容相同,所以我这样写:
document.querySelector('.sidebar-left').style.height = document.querySelector('.main-content').offsetHeight + 'px';
它在 Firefox 中工作起来就像一个 super 按钮,但 Google Chrome 错误地计算了 .main-content
元素的高度,因此计算了 .sidebar-left
和 的高度。 main-content
不相等。但有时当我刷新页面时,Chrome 会正确设置侧边栏的高度,然后又会错误。
当我使用 getBoundingClientRect()
方法时,也会发生同样的情况。我该如何解决这个问题?
最佳答案
我没有足够的代表来发表评论,因此将在此处发布。
我想知道您在什么时候执行此操作 - 您是在 document.ready 事件 block 中(即页面完全加载时)还是之前执行此操作?
如果在此之前 .main-content 可能尚未正确呈现,因此获取高度将不正确(特别是如果您正在对其进行一些修改?)
关于javascript - Google Chrome 错误地计算了元素的高度,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/28022284/