内联元素的float属性

Question

我们可以将float属性应用于内联元素吗？如果我们可以，浮动的内联框和浮动的块框之间有什么区别，就像这两个元素一样：

<span style="float: left;">hello</span>
<span style="float: left; display: block;">hello</span>

谢谢你！

Answer 1

根据CSS规则，当您将float应用于元素时，在大多数情况下，它将成为块元素。 inline和inline-block的元素将计算为block。

来自MDN：

参考文献：

• 9.7 Relationships between display, position, and float
• float definition at MDN