无法使用margin-bottom来增加标头之间的间距

Question

我听说过利润率下降但我不确定这是不是正在发生的事情。以下是代码的迷你版本：JSFiddle。我试图通过将margin-bottom应用于“title”来将“title”和“I am text”之间的间距增加到45 px。有人能帮我解决问题吗？感谢。

HTML：

<header id="title">Title</header>
<h6>I am text.</h6>

CSS：

header #title {
margin-top:0;
margin-bottom:45px;
font-family: "Book Antiqua";
}

h6 {
font-style: italic;
font-size: 12pt;
font-weight: normal;
margin-top: 12pt;
margin-bottom: 0;
}

Answer 1

将header #title {更改为#title {。

Answer 2

您的css代码中的标题和 #title 之间有一个黑色空格。删除它。

header #title {应为header#title {

检查jsfiddle：http://jsfiddle.net/calinsargan/xtDGQ/1/