html - 使用 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 和 上将 margin 和 padding 都设置为 0 body 以使其完美地跨浏览器工作。

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