使用边距属性时出现奇怪的间距答案

【问题标题】：A weird spacing appears when I use margin property使用边距属性时出现奇怪的间距
【发布时间】：2014-08-12 17:28:34
【问题描述】：

我的 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，然而，我的正方形和页面顶部之间出现了一个间距。

为什么？
这是一个插图：

【问题讨论】：

嘿，我看到你已经得到了答案。但是，我想向您展示这个...necolas.github.io/normalize.css您将其放在 css 之前，这样您的网站在 css 方面对跨浏览器更加友好。

【解决方案1】：

添加这个：-

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

【讨论】：

【解决方案2】：

Demo Fiddle
CSS

body{
    margin:0;
    padding:0;
}

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

*{
    margin:0;
    padding:0;
}

【讨论】：

为什么它适用于 body 选择器，而不适用于 div？很奇怪，body 标签覆盖了 div 标签
@user3546093 取决于浏览器。有些只是填充，有些只是身体的边缘。即使ul 也有默认边距。 Check this fiddle in firebug.. 所以最好用*{ margin:0; padding:0; }

【解决方案3】：

这是浏览器的body默认CSS，margin:8px；要重写它，也可以使用这个 CSS：

body {
margin: 0;
padding: 0;
}

【讨论】：