Google Chrome错误地计算了元素的高度

Question

我需要将侧边栏的高度设置为与主要内容相同，所以我写了这个：

document.querySelector('.sidebar-left').style.height = document.querySelector('.main-content').offsetHeight + 'px';

它在Firefox中可以像魅力一样工作，但谷歌浏览器错误地计算.main-content元素的高度，因此.sidebar-left和.main-content的高度不相等。但有时当我刷新页面时，Chrome会正确设置侧边栏的高度，然后再次错误。

使用getBoundingClientRect()方法时会发生同样的情况。我该如何解决这个问题？

Answer 1

我没有足够的代表发表评论，所以会发布在这里。

我想知道你在这一点上做了什么 - 你是在document.ready事件块中（即页面满载时）还是之前？

如果之前的.main-content可能尚未正确呈现，那么获取高度将是不正确的（特别是如果您正在对其进行一些修改？）