为什么HTML body标签不包含整个文档？

Question

这是我的HTML文档，当我在Chrome检查中选择BODY标记时，顶部会留下一些小空间，我想这是HTML文档的一部分。

Image A

但是当我进入BODY标签的DIV时，它就像这样

Image B

我的问题是为什么body标签不覆盖整个文档，我认为BODY包含HTML文档中的所有内容。为什么会遗漏一些小空间？

Answer 1

为什么？

由于大多数主流浏览器，所有方面的默认边距均为8px。它由您的浏览器提供的用户代理样式表以像素为单位定义。

如果你想改变它，你可以这样做，把它添加到你的CSS

* {
  padding:0;
  margin:0;
}

想要更完整吗？

使用normalize.css。它会将许多默认值重置为跨浏览器保持一致。

Answer 2

容器边际就是这个原因。看看div的CSS代码。它应该看起来像这样

将边距（或只是margin-top属性）更改为0，它应调整到顶部。

提示：Chrome使用橙色边框表示这是一个边距。

编辑：就像另一个答案所假设的那样，这可能不是由容器引起的，而是由身体本身引起的。然后，您应该将margin: 0分配给正文而不是div。

Answer 3

你应该像这样设计你的身体

 body{
padding:0;
 margin:0; 
}

它将删除所有四边的自由空间