float

float 是 CSS 最早的布局手段，设计初衷是文字环绕图片。浮动元素会脱离文档流并向指定方向停靠，直到碰到容器边缘或另一个浮动元素，行内内容则围绕它排列。

flex 与 grid 普及后，float 已基本退出布局舞台，只剩两个现实场景：文字环绕图片、以及兼容极老的浏览器。但你必须会处理它的历史遗产——浮动导致父元素高度坍塌（无内容把父元素撑开）。

• 清除浮动的现代写法：父级 overflow: hidden 或 display: flow-root；
• 经典 clearfix 用 ::after 伪元素 + clear: both；
• 浮动元素之间不重叠，空间不足会向下寻找位置。