是什么导致顶部和底部出现空白？答案

【问题标题】：What is causing whitespace on the top & bottom?是什么导致顶部和底部出现空白？
【发布时间】：2010-09-23 21:57:27
【问题描述】：

在为背景图像添加新的 div 类后，顶部、底部和页面菜单变为白色。 style.css

#boundless{
  background-image:url('http://thehypebr.com/wp-content/uploads/2010/09/boundless-sem-branco-2.jpg');
  background-repeat:no-repeat;
  background-attachment:fixed;
  line-height:20px;
  font-size:14px;
  font-family:"Trebuchet MS"; 
  margin:0
}

index.php

<body>
    <div id='boundless' onclick='window.location.href="http://boundlessny.com/clothing"'>

【问题讨论】：

天哪！请正确格式化您的代码（缩进四个空格）。除此之外，这是许多代码的方式（无论如何，标记似乎丢失了）。
你添加了哪个选择器类？相关的 HTML 在哪里？在这里，一个活生生的例子将不仅仅是有益的。要求我们浏览大量代码是不公平的！帮助我们帮助你:)
尝试提供一个显示您的问题的最小代码示例。删除代码，直到找到问题的根源。
我还是不明白你的问题。预期的行为到底是什么？
对不起。在我将背景图像作为新的 div 类之前，顶部和底部没有那么多的空白。事实上，底部，没有。而且页面菜单也不是白色的。

标签： html css

【解决方案1】：

使用 Firebug，我发现问题是由 style.css 中的第 16 行引起的：

margin:165px auto 20px;

如何调试此类问题：

考虑可能的原因，在以下每一项之后重复此步骤。
通过在有问题的部分（在本例中为空白底部）打开上下文菜单来打开 Firebug，然后选择 Inspect Element
查看将鼠标悬停在节点上以查看哪个覆盖了问题发生的位置。我现在感觉可能的原因是边距、填充或宽度的使用不正确。
通过查看右侧窗格中的标签Style 来隔离CSS / 元素。如果需要，展开一个节点。
禁用或更改 CSS 属性的值以查看它是否确实导致了问题。

【讨论】：

虽然我不知道这是否能回答这个问题，但我很想给你投票，因为你的回答非常好和清晰，让我的心平静。此外，+1 用于在一些无法识别的问题上使用 Firebug...

【解决方案2】：

在你的style.css中，你有一些#xxxxx和

background-color:white; and background-color:#fff;

例如：#wrapper2 有那个。

所以它正在做你告诉它做的事情。

【讨论】：