Working Fiddle

Question

好吧所以我正在尝试创建我的网页的顶部栏，就像本页顶部的那个，我的代码是这样的：

<body>
<div id="header">
</div>
<body>

和css是

#header{
width:100%;
}

当我在浏览器中查看时，它并没有完全触及两侧，距离大约10px。我如何解决这个差距？

Answer 1

您需要清除浏览器在正文上设置的默认边距/填充。使用：

body{
   margin: 0;
   padding: 0;
}

Answer 2

css应该有这个！

body {
  margin: 0;
}
#header {
  width: 100%;
}

因为默认身体有一些余量！你应该删除它们，以便标题可以填满整个身体！