CSS篇-5
1. 内联元素可以实现浮动吗?
是的,内联元素完全可以实现浮动。在 CSS 中,任何元素都可以被设置为浮动(float
)。
当一个元素被设置了 float
属性后,无论它本身是块级元素还是内联元素,它都会表现出类似于块级元素的特性:
-
生成块级框(Block-level box):浮动元素会生成一个块级框,这意味着它将能够设置宽度(
width
)、高度(height
)、内外边距(margin
、padding
)等块级元素的属性。 -
脱离文档流:浮动元素会脱离正常的文档流,这意味着它不再占据原始位置,后面的内容会环绕它。
-
水平排列:多个浮动元素可以实现水平排列,除非空间不足。
所以,即使一个 <span>
这样的内联元素被设置了 float: left;
,它也能拥有宽度和高度,并且可以与其他浮动元素