2015-10-06 56 views
0

我们正在制作一个响应站点,根据浏览器大小显示/隐藏页面部分,并且我从文档高度和子高度中看到奇怪的差异。原因不明的文档高度和滚动条问题

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

  • 的$(document).height()= 955
  • $(窗口).height()= 955
  • $ ('html')。height()= 955

但是当我调整窗口的大小时

  • $(文件).height()= 801
  • $(窗口).height()= 702
  • $(HTML).height()= 702

该文件比所有的孩子高出100px!我准确地检查了所有的孩子(HTML,身体,内部divs),而没有一个是超过702px高。

那是怎么回事?有没有人有任何线索?这让我生气了! 谢谢:)

+0

哪个浏览器?您可以复制,和直接孩子的HTML/CSS吗? – Kulvar

+0

你可以发布你的例子jfiddle或codepen吗? – Paran0a

+0

它发生在每个浏览器中,但我发现它是什么。检查下面的答案,并感谢您的时间! –

回答

0

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

我真的推荐这个Firefox feautre,因为它显示了非常清晰的页面内的项目位置,并帮助我解决了这个问题!