如何删除页面底部顶部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像素)。
为什么?我该如何解决它?
您需要零页面的margin
和padding
,像这样:
html, body {
margin: 0;
padding: 0
}
有些人喜欢用CSS Reset来处理这样的问题。
就我个人而言,我没有理由总结在这里:http://snook.ca/archives/html_and_css/no_css_reset/。
2问题:最好是把0px还是0?以及为什么最后的定义没有; ? – kwichz 2011-05-14 13:30:08
当它是'0px'(或'0em'或'0whatever')时,你可以省略'px'部分(参见:http://www.w3.org/TR/css3-values/#numbers0)。我认为最好省略'px',因为它略短而且更具可读性。最后一个定义没有';'因为你可以省略最后一个';'如果你喜欢,请参阅:http://*.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
距离。
?你最后一句话是什么意思? :) – kwichz 2011-05-14 13:30:36
什么html标签是.container寻址? – gutierrezalex 2011-05-14 13:26:21
@gutierrezalex:“经典容器”总是一个'div'。 – thirtydot 2011-05-14 13:28:34