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

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

CSS float

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