为什么会出现这个边框？

Question

为什么这个白色边框总是出现在盒子周围？如何在不使用'position：absolute'的情况下使其适合整个页面（水平）？

http://jsfiddle.net/yag79aLt/

.footer-block {
    height: 250px;
    width: 100%;
    background: #000;
}

<div class="footer-block">

Answer 1

将以下内容添加到CSS中：

body {
    margin: 0;
}

这会将页面的边距设置为零，从而删除JSFiddle周围的白色边框。

Answer 2

默认情况下，身体周围通常有一个小的边距。在大多数主流浏览器中，默认边距为8px。它由您的浏览器提供的user-agent-stylesheet以像素为单位定义。有些浏览器也添加了填充。

我首先在我的所有项目中添加它以覆盖它：

body {
    margin: 0;
    padding:0;
}

如果你有一个大型项目，你可以考虑使用normalize.css。它会将许多默认值重置为跨浏览器保持一致。 http://necolas.github.io/normalize.css/

Answer 3

在设计之前，你应该总是在身体上做边距和填充0。它会让你的设计变得完美。祝你好运...... :)

CSS代码：

body {
    margin: 0;
    padding: 0;
}
.footer-block {
    height: 250px;
    width: 100%;
    background: #000;
}