Question

我正在使用Firebug来处理我的CSS。

它显示了所有高度为620px的HTML，Body和内部容器。我认为我的窗口高约640px。

使用萤火虫我可以清楚地看到所有元素的末端都不到窗口的整个高度，但是身体bg图像似乎占据了整个窗口的高度，这超出了它的相对容器的大小。 / p>

这是怎么回事？

注意：这是一个使用normalize.css作为重置的Drupal站点。当我谈到身高时，内容上没有填充或边距。

Answer 1

好的，看着你的页面，我和你一样生气。但我想我已经找到了为什么会发生这种情况。

在此fiddle中，您可以看到背景属性（颜色，图片...）遍布整个页面 IF 它特别是 ON 身体标签。身体有多大并不重要（它是小提琴中的1x1盒子）。

它必须是浏览器行为。这不会改变身体的实际大小。它将遵循正常规则（大小与内容相同，如果设置了特定大小，或者如果设置了inherit则与父级相同）。

但是在这个other one中（将背景颜色设置为具有固定尺寸的内部div），背景颜色不会遍布整个页面。

尝试创建一个包装器作为您身体的孩子并在其上放置身体样式。

<body>
  <div class="all your body classes here">
  </div>
</body>

Answer 2

如果你使用firefox浏览器，你可以按

ctrl+Shift+m

并使用您需要的分辨率