原因不明的文档高度和滚动条问题

Question

我们正在制作一个响应式网站，根据浏览器尺寸显示/隐藏页面部分，并且我从文档高度及其子高度中得到奇怪的差异。

在全分辨率下一切正常如此：

• $（文件）.height（）= 955
• $（窗口）.height（）= 955
• $（＆＃39; html＆＃39;）。height（）= 955

但是当我调整窗口大小时

• $（文件）.height（）= 801
• $（窗口）.height（）= 702
• $（html）.height（）= 702

该文件比其所有孩子高100px！我准确地检查了所有的孩子（HTML，身体，内部div ...）而且没有一个超过702px高。

那是怎么回事？有没有人有任何线索？它让我发疯了！ 谢谢:)）

Answer 1

Using Firefox 3D view I found out that the border of one of the divs caused the scrollbars to appear! I still don't understand why the document was 100px higher since the border was just of a few pixels..

I really recommend this Firefox feautre since it shows very clearly items position inside the page and helped me with this problem!