宽度100％，周围带有白色边框。为什么？

Question

好的，我正在尝试设计一个网站，该网站的顶部图像要覆盖浏览器的整个宽度。在此之下，我想放置不同颜色的div容器，这些容器也应跨越整个宽度。

我尝试了background-size：cover，但是我希望页面的每个部分都具有不同的背景。经过数小时的搜索，我发现的唯一一件事就是宽度：100％，但是在我的图像周围留下白色边框…请帮助，我很拼命。这是我当前的CSS：

    .mainimg {
background-image: url(_DSC0656.jpg);
background-repeat: no-repeat;
background-position: center center;
-moz-background-size: cover;
background-size: cover;
width:100% !important;
height: 700px;
margin:0 auto;
display:block;

}

Answer 1

该body元素具有默认的一些利润。除非您将它们删除，否则您放置在其中的任何元素（无论其宽度如何（除非absolute我认为它处于适当的位置））都将具有某些边界。它们不是边界，而是元素末端与身体侧面之间的缺口。尝试这个
：

body{
    margin: 0;
}

如果那不起作用，那么请向我们展示您在JSBin，Codepen或类似产品上的代码示例（如果可能，甚至是实时版本）。