Css Firefox错误地将垂直边距应用于内联元素

我认为理论上垂直边距不应该应用于内联元素。但是，在下面的示例中，Firefox将

边距顶部

应用于

元素（以及

九月二十三日下午六时三十分至八时三十分


自由的爱，自由的爱，自由的爱，自由的爱，自由的爱，自由的爱，自由的爱，自由的爱，自由的爱，自由的爱。




九月二十三日下午六时三十分至八时三十分


自由的爱，自由的爱，自由的爱，自由的爱，自由的爱，自由的爱，自由的爱，自由的爱，自由的爱，自由的爱。

在Firefox中，

br

元素可以具有上/下边距值

如果你把它归零，你就会得到预期的行为

注意：CSS规范中似乎存在一些关于如何处理空行框（没有内容的行）的模糊性。例如，如果您阅读：

“空的内联元素生成空的内联框，但这些框仍然有边距、填充、边框和线条高度……”这可能被解释为意味着

元素可以被分配上/下边距。这似乎是Firefox解释规范的方式，但Chrome采取了另一种方法

另请参见以下存档讨论：

我喜欢

br

元素不需要设置样式的观点，因此一些浏览器忽略了任何指定的行高或边距值。您只是碰巧选择了一个适用于

br

元素的选择器

**{
边缘顶部：1.5em；
}
溴{
边际上限：0；
}

九月二十三日下午六时三十分至八时三十分


自由的爱，自由的爱，自由的爱，自由的爱，自由的爱，自由的爱，自由的爱，自由的爱，自由的爱，自由的爱。




九月二十三日下午六时三十分至八时三十分


自由的爱，自由的爱，自由的爱，自由的爱，自由的爱，自由的爱，自由的爱，自由的爱，自由的爱，自由的爱。

*+*

是一种古怪的选择方式…它本质上意味着：anyTag前面加anyTag…换句话说：any后面加any。Ole Saufhaus，确切地说……它是“公理化的额叶化owl选择器”：您遇到了CSS规范中没有很好指定的内容布局情况，这有点奇怪。发现得很好！不幸的是Firebug或其他开发工具在错误的元素上显示了

边距顶部。例如，当我将鼠标悬停在
顶部时，我看到了黄色的
m精氨酸位于顶部，但在

上时不在顶部。