html - 标题宽度 100% 并且有边距，我希望它是全宽的（也适用于顶部）

Question

我的标题没有以 100% 的宽度（屏幕的整个宽度）显示，而是有边距：上、左、右，我没有告诉它有。

CSS：

div#header {
    background-color: #FF4800;
    float: top;
    height: 200px;
    width: 100%;
}

Answer 1

默认情况下，大多数浏览器都将边距设置为 html 元素。

尝试使用 css 重置http://meyerweb.com/eric/tools/css/reset/

Answer 2

你可能只需要

body { margin: 0; }

Answer 3

body {
    margin: 0;
    padding: 0
}

div#header {
    background-color: #FF4800;
    height: 200px;
    width: auto;
    margin: 0;
    padding: 0;
}

Safari 上的输出：