如何在屏幕两侧没有任何空白的情况下填充整个宽度？

Question

我发现大多数网站都有一个共同的东西，就是在屏幕上延伸到全屏的颜色条。所以我只是假设这可能是填充，如果我将这个填充宽度设为100％，那么两边的宽度都会非常满。但不幸的是，屏幕两侧仍然有一个小的空白区域。或者这种颜色条不应该首先填充？

顺便说一句，我是html和css的新手，所以我的代码可能有点乱，难以阅读。

这些是我的代码和空白区域的图片，您可以看到屏幕两侧有一些空间。

信用：Teamtreehouse

例如，此网站的整个屏幕都有绿色条，两边都没有空格。

Answer 1

设置此

body {margin:0;padding:0}

因为body元素有默认的css规则

body {
    display: block;
    margin: 8px; /* and this might be the cause of your problem */
}

Answer 2

所有浏览器都会自行添加一些css，因供应商而异。

因此，您需要重置所有浏览器CSS。 但是为了帮助你normalize.css

将此作为您的第一个css包含在内，它会自动重置所有自定义浏览器设计。