CSS - 爲什麼div不能換行h1元素？

Question

<div id="title"> 
    <h1> 
     Title 
    </h1> 
</div> 

我知道有一些默認邊距以及h1標籤。當我用chrome開發工具檢查它時，發現div部分小於h1部分（h1的高亮區域大於div）。看來div不包括h1的保證金，誰能告訴我爲什麼？

Answer 1

從2.1 Spec:

「的在流塊元素的上邊距崩潰，其首先在流動塊級的孩子的上邊距如果元素沒有上邊框，無頂邊距和孩子沒有許可。「

---

另外：

• 浮動元素的利潤率不會合攏，即使不與流塊後代
• 內嵌區元素的利潤率不會合攏，即使不與流塊後代
• 具有overflow屬性值而不是visible的塊容器沒有摺疊邊界，即使對於流入塊後代也不會
頁
• 的絕對邊距/固定定位的元素不塌陷，即使不與流後代
• 相鄰撓曲件的邊緣不塌陷
• 水平邊緣不會合攏

關於負緣塌陷，所述2.1 Spec states：

「以負邊緣的情況下，負鄰接邊緣的絕對值的最大值從最大的正的扣除邊緣毗鄰。如果沒有正邊距，頁邊距鄰接的絕對值的最大值從零扣除。」