如何删除页面底部顶部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 px）。

为什么呢？我该如何解决？

Answer 1

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

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

有些人喜欢使用CSS Reset来处理这类问题。

就个人而言，我没有按照这里总结的理由：http://snook.ca/archives/html_and_css/no_css_reset/。

Answer 2

添加：

.container
{
    margin: 0 auto 0 auto;
}

您可能还需要调整margin所在的“事物”的padding和.container。