Question

我的HTML：

<!DOCTYPE html>
<html>
  <head>
    <meta charset="UTF-8">
    <title>LOL</title>
  </head>
  <body>
    <div id="one"></div>
  </body>
</html>

CSS：

div {
  background: yellow;
  width: 77px;
  height: 77px;
  border: 1px dotted red
  }

#one {
  margin: 0px 21px 41px 41px
  }

我的margin-top值是0px，然而，我的方块之间有一个间距，页面的顶部会出现。

为什么？
这是一个例子：

enter image description here

Answer 1

这是浏览器的正文默认CSS，即margin：8px;要重写它，也可以使用这个CSS：

body {
margin: 0;
padding: 0;
}

Answer 2

Demo Fiddle
CSS

body{
    margin:0;
    padding:0;
}

Check it in FireBug

许多设计师甚至使用，重置所有元素的填充和边距（如果有的话）

*{
    margin:0;
    padding:0;
}

Answer 3

添加： -

html,body{ margin:0; padding:0;}