原因不明的文檔高度和滾動條問題

Question

我們正在製作一個響應站點，根據瀏覽器大小顯示/隱藏頁面部分，並且我從文檔高度和子高度中看到奇怪的差異。

在全分辨率一切工作做精：

• 的$（document）.height（）= 955
• $（窗口）.height（）= 955
• $ （'html'）。height（）= 955

但是當我調整窗口的大小時

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

該文件比所有的孩子高出100px！我準確地檢查了所有的孩子（HTML，身體，內部divs），而沒有一個是超過702px高。

那是怎麼回事？有沒有人有任何線索？這讓我生氣了！ 謝謝:)

Answer 1

使用Firefox 3D視圖我發現其中一個div的邊框導致滾動條出現！我仍然不明白爲什麼文件高出100px，因爲邊界只有幾個像素..

我真的推薦這個Firefox feautre，因爲它顯示了非常清晰的頁面內的項目位置，並幫助我解決了這個問題！