边距/填充不应该在哪里

Question

网站：http://www.srstage.d19.us

* {
padding: 0;
margin: 0;
}

有效，但这适用于每个元素

我已经找到了这个hacky解决方案：

#header {
margin-bottom: -30px;
margin-top: -20px;
}

问题是在顶部和标题图片下面有一个空格。 然而，包括身体在内的所有相关元素似乎都有其边缘和边缘。 padding设置为0。 我不确定如何解决这个问题。

感谢您的帮助。

Answer 1

这是周围h1#blog-title元素的默认填充/边距。将两个值强制为0，它应该可以正常工作。

作为旁注，对于未来，Firebug的“Inspect element”和its layout view

是找到这样的东西的完美工具。

Answer 2

#blog-title{
    margin: 0px;
}

或：

#header h1{
    margin: 0px;
}

同意Pekka，http://getfirebug.com/ 必要！

Answer 3

您为内部元素设置了边距。他们延伸到他们的父母。发生此类情况时请使用填充。在您的情况下，标题中的h1有一个边距。删除它，它已全部设置。