使用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的{​​{1}}。请检查fiddle。我已将此样式添加到CSS：

body

Answer 2

同时将margin: 0放在body

上

body{
    margin: 0;
}

通常做的是在margin和padding上将0和html设置为body，以使其在浏览器中完美运行。< / p>

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