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

我听说过折叠边距，但不知道这是怎么回事。这是一个迷你版本的代码：JSFiddle。我试图将“标题”和“我是文本”之间的间隔增加到45 px，方法是将margin-bottom应用于“标题”。有人可以帮我找出问题吗？谢谢。无法使用margin-bottom来增加标题之间的间距

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; 
}

来源

2014-02-09 susanz

你有id为'title' _inside_一个'header'元素的任何元素... – CBroe

标题标签应该有H6标签初始化 – agconti

作为@CBroe指出，使用'header＃title'来代替，或者只是'＃title'，因为这个id是唯一的。 –

你有头和#title在你的CSS代码之间的黑色空间。去掉它。

header #title {应该header#title {

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

来源

2014-02-09 00:08:32

这是一个非常愚蠢的原因......我一直在试图找出问题已经一个小时了...... T___T谢谢！ – susanz

变化header #title {到#title {。

来源

2014-02-09 00:08:23 matthewk

谢谢！ :) – susanz

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

回答

相关问题