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開發者工具的問題？