gpt4 book ai didi

html - 为什么-webkit-margin-collapse 在body 标签内有h1 时取最小值?

转载 作者:太空宇宙 更新时间:2023-11-04 10:34:38 25 4
gpt4 key购买 nike

我只是想了解 Chrome 的默认样式表。

如果你有这个 html:

<body><h1>Hello</h1></body>

默认 <body>标签有一个 margin8px , 和 <h1>标签有默认值 -webkit-margin-before0.67 em , 得出 21.44px .那么为什么 <h1>标签似乎忽略了 21.44px利润? margin 折叠规则应采用两个 margin 中较大的一个。

谢谢!

最佳答案

在 quirks 模式下,margin collapsing 在各种情况下表现不同。在您的示例中,将忽略具有默认边距的 body 的任何第一个子项的默认上边距,例如 ph1。我相信 Chrome 通过 -webkit-margin-collapse 属性(如您的标题中所述)实现了此行为; Firefox 将大多数 body > :-moz-first-node 元素的顶部边距归零(参见 quirk.css)。

当您包含 DOCTYPE 时,您会看到预期的行为。

关于html - 为什么-webkit-margin-collapse 在body 标签内有h1 时取最小值?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/36236766/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com