h1 元素不需要的上边距
我得到了一个 h1 元素不需要的上边距，不知道为什么。这是我的 html：
<body>
<div class="content">
<h1>Header</h1>
<p>Paragraph 1.</p>
<p>Paragraph 2.</p>
<p>Paragraph 3.</p>
</div>
</body>
这是我的CSS：
body {
background-color: yellow;
padding: 0px;
margin: 0px;
}
h1 {
background-color: lime;
}
.content {
background-color: pink;
position: absolute;
left: 0px;
top: 0px;
padding: 0px;
margin: 0px;
}
结果：
我希望 h1 元素与视图的顶部边缘对齐。
如果我从 css def 中删除“position”、“left”和“top”属性，那么 h1 元素会按预期与视图顶部对齐：
为什么会这样？我正在使用铬。
谢谢
您需要添加margin:0;：
h1 {
margin:0;
background-color: lime;
}
JSFiddle：http://jsfiddle.net/tb39am7s/