CSS float属性适用于块级还是行内元素？为何表述有差异？

首先明确：CSS float的核心是让文本和行内元素（inline elements）环绕被设置了float的元素，这是第二处表述的准确描述。

那第一处表述里的“块级元素沿某元素的一侧环绕”是怎么回事？
这属于入门教程里的简化表述，是从整体布局视觉效果的角度来说的——当一个块级元素没有通过clear属性清除浮动时，它的内部行内内容会绕开浮动元素，而块级元素本身的容器盒会和浮动元素处于同一水平空间（除非块级元素被挤到下方），视觉上看起来像是块级元素“环绕”了浮动元素，但本质上是块级元素里的行内内容在环绕，块级元素本身并不会像行内元素那样紧贴浮动元素排布。

两处表述的差异原因：

• 第一处是面向初学者的入门介绍，用更直观的视觉效果来描述，简化了底层逻辑，帮助新手快速理解浮动的布局表现；
• 第二处是float属性的官方定义文档，需要精准描述属性的核心行为，明确指出是行内类元素（包括文本）环绕浮动元素，这是符合CSS规范的准确表述。

内容的提问来源于stack exchange，提问作者Alfredo