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

Question

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

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

• $(文档).height() = 955
• $(window).height() = 955
• $('html').height() = 955

但是当我调整窗口大小时

• $(文档).height() = 801
• $(window).height() = 702
• $(html).height() = 702

文档比它的所有子文档高 100px!我准确地检查了所有子项(HTML、正文、内部 div...)，没有一个子项的高度超过 702px。

怎么样？有没有人有任何线索？这让我发疯!谢谢:)

Answer 1

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

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