div id="title" h1 Title /h1/div 我知道有一些默认的边距和h1标签.当我用chrome dev工具检查时,我发现div部分小于h1部分(h1的突出显示区域大于div).似乎div不包括h1的边缘,谁能告诉我为什么？ 从
<div id="title">
<h1>
Title
</h1>
</div>
我知道有一些默认的边距和h1标签.当我用chrome dev工具检查时,我发现div部分小于h1部分(h1的突出显示区域大于div).似乎div不包括h1的边缘,谁能告诉我为什么？
从 2.1 Spec:“The top margin of an in-flow block element collapses with its first in-flow block-level child’s top margin if the element has no top border, no top padding, and the child has no clearance.”
也：
>浮动元素的边缘永远不会崩溃,即使是流入的块后代也不会崩溃
>内联块元素的边距永远不会崩溃,即使是流入块后代也不会崩溃
>具有溢出属性值而非可见的块容器没有折叠边距,甚至没有流入块后代
>绝对/固定定位元素的边距不会崩溃,即使是流入的后代也不会崩溃
>相邻弹性项目的边距不会崩溃
>水平边距永不崩溃
关于负利润率下降,2.1 Spec states：
“In the case of negative margins, the maximum of the absolute values of the negative adjoining margins is deducted from the maximum of the positive adjoining margins. If there are no positive margins, the maximum of the absolute values of the adjoining margins is deducted from zero.”