2013-04-09 60 views
1

我正在一个相当简单的网页上工作,我有点灰尘,所以我可以做出一个非常明显的错误,但请坚持与我。我在文档的各个方面都获得了非常薄(可能为5-10px)的边距。我包含了我的代码的缩写版本。谁能告诉我为什么我得到它以及如何摆脱它。不必要的边缘与CSS

HTML:

<body> 
<div id="wrap"> 
<div id="video"> 
</div> 
<div id="para"> 
<p>Hello, I'm ...</p> 
</div> 
<div id="footer"> 
<ul id="social"> 
<li></li> 
<li></li> 
<li></li> 
<li></li> 
</ul> 
</div> 
</div> 
</body> 

CSS:

#wrap { background: url(Andres/images/background-bg.png); margin: 0 auto; 
} 

#para p { padding: 20px; } 

#footer { background:url(Andres/images/footer.png); height: 80px;} 

#footer #social li { float: left; padding: 10px; list-style: none; } 
+0

你是否继承了一些有填充的库? – karthikr 2013-04-09 02:08:57

回答

1

它可能是<body>元素上的默认保证金 - 大多数的浏览器包括8像素四面八方,只需添加:

body { 
margin: 0; 
} 
0

这是很好的做法,增加一个“重置”你的CSS去除一些一个CSS问题开始一个项目时提供了良好的基础的跨浏览器怪癖。我通常至少这行添加到我所有的项目:

* { 
    margin: 0; 
    padding: 0; 
} 

下面是一个article检查出约CSS重置。