2013-04-09 61 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重置。