顶部和内容div之间的空白区域

Question

我已将所有divs设置为没有边框没有底边距没有填充，我仍然得到这个空白区域。

任何人都可以弄清楚我能做些什么来摆脱它。

该网站位于http://www.joekellywebdesign.com/churchsample/home.html。

Answer 1

假设您正在讨论#wrapper div margin: 10px auto。第一个是上边距（10px）。页脚div内的<p>也有您需要删除的默认边距。

Answer 2

很少，我花了一段时间才弄明白。

如果您占用#banner和#content之间的空格， 差距是由于你的浮动元素导致的，p没有浮动，而且没有清除，因此它只是一个常规块元素，其内容需要在浮动元素旁边“流动”。 导致p'吞下'你的浮动div，然后他的默认边距/填充开始，导致整个事情发生。

修复非常简单，只需将其添加到 CSS 。

即可

#footer p
{
    clear: both;
}

Answer 3

如果你在谈论#banner和#content之间的空白，这就是解决方案

添加溢出：隐藏;对于#wrapper和

#footer {
    float: left;
    height: 79px;
    text-align: center;
    width: 900px;
}