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