使用HTML/CSS刪除邊距問題

Question

我似乎無法成功完全用div填充水平空間。 右側，左側，頂部和底部總是有一點空間。

JSFiddle

我目前正在使用：

CSS：

.section{ 
    width: 100%; 
    display: inline-block; 
    top: 0px; 
    left: 0px; 
    margin: 0px; 
    padding: 0px;  
} 
#section-1,#section-3{ 
    background-color: #ddd;  
} 

HTML：

<div id="section-1" class="section"> 
    <p>Foo</p> 
</div> 

Answer 1

也把margin: 0上body

body{ 
    margin: 0; 
} 

什麼一般做的是在兩個html和body設置margin和padding既0，使工作完美的跨瀏覽器。

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

Answer 2

這實際上是因爲margin爲body的。請檢查這個fiddle。我已經添加了這種風格的CSS：

body { 
    margin: 0px; 
}