元素的浮动是指设置了浮动属性的元素会脱离标准流的控制，移动到其父元素中指定位置的过程。在CSS中，通过float属性来定义浮动，基本语法如下： ```css3 选择器{float:属性值;} ``` | 属性值 | 描述 | | --- | --- | | left | 元素向左浮动 | | right | 元素向右浮动 | | none | 元素不浮动（默认值） | * 浮动的特性 * 浮动脱离标准流，不占位置，会影响标准流。浮动只有左右浮动。 * 浮动的元素总是找离它最近的父级元素对齐。但是不会超出内边距的范围。  * 一个父盒子里面的子盒子，如果其中一个子级有浮动的，则其他子级都需要浮动。这样才能一行对齐显示。 * 元素添加浮动后，元素会具有行内块元素的特性。元素的大小完全取决于定义的大小或者默认的内容。 * 如果浮动的元素占满一行后，就会自动占领下一行。 浮动的目的就是为了让多个块级元素同一行上显示。 最核心的关键点就是 怎么排列的， 是否占有位置。 **`html\浮动有隐藏模式转换.html`** **`html\浮动特性-对齐.html`**