概念说明

float属性使元素脱离文档流，向左或向右移动，直到碰到父元素边界或其他浮动元素。需要使用clear清除浮动影响。

应用场景

适用：经典的双栏布局、图文混排、导航菜单（传统方式）

不推荐：现代布局推荐使用Flex或Grid

示意图

实际例子 - 图文混排

这是一段文字内容，图片使用float:left浮动在左侧，文字围绕图片排列。这是传统网页中常用的图文混排方式，可以让文章阅读更加自然流畅。