我的 HTML 和 CSS 如下:
div {
background: yellow;
width: 77px;
height: 77px;
border: 1px dotted red
}
#one {
margin: 0px 21px 41px 41px
} <html>
<head>
<meta charset="UTF-8">
<title>LOL</title>
</head>
<body>
<div id="one"></div>
</body>
</html>我的 margin-top 值为 0px，然而，我的正方形和页面顶部之间出现了一个间距。
为什么？ <br>
这是一个例子:
和JSFiddle : http://jsfiddle.net/9vQZ9/1/
最佳答案
这是浏览器的 body 默认 CSS，margin:8px;要重写它，请同时使用此 CSS:
body {
margin: 0;
padding: 0;
}
关于html - 使用 margin 属性时出现奇怪的间距，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/24352962/