Java入门第171课——CSS 浮动定位与 clear 属性
浮动（float）是 CSS 早期布局的核心技术，用于实现 “块级元素同行排列”（如导航菜单、图文混排、多列布局），但浮动会脱离普通流，需通过 clear 属性清除影响。
10.1 定位概述
CSS 定位分为 4 种：普通流定位、浮动定位、相对定位、绝对定位，核心区别：
表格
| 定位类型 | 特点 | 适用场景 |
|---|---|---|
| 普通流定位 | 块级元素从上到下、行内元素从左到右排列 | 默认布局（无特殊需求） |
| 浮动定位 | 元素脱离普通流，向左 / 右浮动 | 同行排列、图文混排、多列布局 |
| 相对定位 | 元素不脱离普通流，相对自身原位置偏移 | 微调元素位置、作为绝对定位容器 |
| 绝对定位 | 元素脱离普通流，相对已定位祖先元素偏移 | 精准定位（如弹窗、导航下拉菜单） |
10.2 浮动定位（float 属性）
10.2.1 float 核心取值
left：元素向左浮动；right：元素向右浮动；