标头周围的神秘填充物

Question

我已经在谷歌Chrome，IE和Firefox中测试了这个，我得到了最奇怪的错误。我已经制作了一个水平列表，尽管将填充和边距设置为0，但我仍然在其上方和左侧填充。

可以在这里看到：

http://dev.mcmodcenter.net/

CSS来源： http://pastebin.com/TJ6k1KwS

Answer 1

这些是body页边距，默认情况下所有浏览器都会添加。

您需要从样式表中删除它们，如下所示：

body {
    background: url('./bg.png');
    float: left;
    margin: 0;
}

Answer 2

header div很好。

您尚未在body上设置边距，这会为您提供默认值（我的浏览器为8px）。

将身体的边距设为0，你应该没事。

Answer 3

总是使用CSS重置样式表是明智的。你可以在这里找到一个=＆gt; http://meyerweb.com/eric/tools/css/reset/。