0
我通过阅读“HTML和CSS设计和建造的网站”中，在第17章的一个例子是这样的：上边距不遵守块元素
http://www.htmlandcssbook.com/code-samples/chapter-17/example.html
我以下通过本书中的HTML/CSS，它大多是有道理的。但是，我不明白的是一点点挑剔：使用chrome中的开发人员工具并查看右下角的“联系人”，10px页边距顶部值显示为超出了包含部分块（class =“contact细节”）。为什么联系人标题的上边距不能在区域内保留？或者说，为什么不扩展节块以保持标题的所有内容？小例子：
<!DOCTYPE html>
<html>
<head>
<link href="example.css" type="text/css" rel="stylesheet" />
</head>
<body>
<aside>
<section class="contact-details">
<h2>Contact</h2>
</section>
</aside>
</body>
</html>
的CSS：
section, aside {
display: block;
}
aside {
width: 230px;
border: 1px solid green;
}
aside h2 {
border: 1px solid red;
color: #fe6582;
margin: 50px 0px 50px 0px;
}
我发现，如果我把周围section边框，然后问题解决（部分包含所有的标题，包括它的利润率）。这是一个HTML特质还是Chrome开发者工具的问题？