如何删除页面底部顶部e的空格？

我有这个经典的容器：如何删除页面底部顶部e的空格？

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

，但它在顶部，并在页面的底部创建一个小的空间（如5，10像素）。

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

来源

2011-05-14 kwichz

什么html标签是.container寻址？ – gutierrezalex 2011-05-14 13:26:21

@gutierrezalex：“经典容器”总是一个'div'。 – thirtydot 2011-05-14 13:28:34

您需要零页面的margin和padding，像这样：

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

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

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

来源

2011-05-14 13:07:13 thirtydot

2问题：最好是把0px还是0？以及为什么最后的定义没有; ？ – kwichz 2011-05-14 13:30:08

当它是'0px'（或'0em'或'0whatever'）时，你可以省略'px'部分（参见：http://www.w3.org/TR/css3-values/#numbers0）。我认为最好省略'px'，因为它略短而且更具可读性。最后一个定义没有';'因为你可以省略最后一个';'如果你喜欢，请参阅：http://stackoverflow.com/questions/5732486/inline-css-formatting-best-practices-two-questions/5732519 ＃5732519 – thirtydot 2011-05-14 13:41:09

补充一点：

.container 
{ 
    margin: 0 auto 0 auto; 
}

您可能还需要调整margin和“一事一议” padding即.container距离。

来源

2011-05-14 13:07:02

？你最后一句话是什么意思？ :) – kwichz 2011-05-14 13:30:36

如何删除页面底部顶部e的空格？

回答

相关问题