html - 如何去掉页面底部顶部e的空格？

Question

我有这个经典容器:

.container { width: 910px;
             margin-left: auto;
             margin-right: auto;
             position: relative; 
             background-image:url(../images/background.png);
             background-repeat:repeat-y; }

但它会在页面的顶部和底部创建一个小空间(如 5、10 像素)。

为什么？我该如何解决？

Answer 1

您需要将页面的 margin 和 padding 归零，如下所示:

html, body {
    margin: 0;
    padding: 0
}

有些人喜欢使用 CSS Reset处理这样的问题。

就个人而言，我不在这里总结原因:http://snook.ca/archives/html_and_css/no_css_reset/ .