html - 顶部和内容 div 之间的空白

Question

我已经将我的所有设置都设置divs为没有边框、没有下边距、没有填充，但我仍然得到这个空白。

谁能弄清楚我能做些什么来摆脱它。

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

Answer 1

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

Answer 2

几个，我花了一段时间才弄清楚。

如果您考虑 and 之间的空间#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;
}