谷歌浏览器错误地计算了元素的高度

Google Chrome incorrectly calculates the height of the element

本文关键字：元素 高度 算了 计算 错误 谷歌浏览器      更新时间：2023-09-26

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

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

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

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

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

我想知道您在什么时候执行此操作 - 您是在 document.ready 事件块中执行此操作（即当页面完全加载时）还是之前执行此操作？

如果在此之前，.main-content可能还没有正确呈现，所以获取高度是不正确的（特别是如果你正在对它进行一些修改？

相关文章：