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：

“以负边缘的情况下，负邻接边缘的绝对值的最大值从最大的正的扣除边缘毗邻。如果没有正边距，页边距邻接的绝对值的最大值从零扣除。”