无法解释的文档高度和滚动条问题

Question

我们正在制作一个响应式网站，根据浏览器大小显示/隐藏页面部分，我发现文档高度及其子项高度存在奇怪的差异。

在全分辨率下一切正常，所以：

• $(document).height() = 955
• $(window).height() = 955
• $('html').height() = 955

但是当我调整窗口大小时

• $(document).height() = 801
• $(window).height() = 702
• $(html).height() = 702

文档比其所有子文档高 100 像素！我准确地检查了所有子元素（HTML、正文、内部 div...），没有一个子元素的高度超过 702 像素。

怎么样？有没有人有任何线索？快把我逼疯了！ 谢谢你:)

Answer 1

使用 Firefox 3D 视图我发现其中一个 div 的边框导致出现滚动条！我仍然不明白为什么文档要高 100 像素，因为边框只有几个像素..

我真的推荐这个 Firefox 功能，因为它非常清楚地显示页面内的项目位置并帮助我解决了这个问题！