無法使用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來增加標題之間的間距

回答

相關問題