CSS教程 - 第5课：float 与 clear 属性。元素环绕与清除浮动。

额外区块类型 (EBT) - 全新的布局构建器体验❗

额外区块类型 (EBT) - 样式化、可定制的区块类型：幻灯片、标签页、卡片、手风琴等更多类型。内置背景、DOM Box、JavaScript 插件的设置。立即体验布局构建的未来。

10/10/2025, by Ivan

想象一条湍急的山间河流，快速而嘈杂地奔腾着。忽然，一块岩石挡在河流的路径上，水流便绕过这块石头。如果石头位于河流的左侧，水流就会从右侧绕过；如果石头在右侧，水流就会从左侧绕过。CSS 中的 float 属性的工作原理与此非常相似。

CSS float

为了演示 float 和 clear 属性的工作方式，我绘制了以下示意图：

CSS 浮动示例