## 浮动 网页布局的核心就是用css来摆放盒子位置.CSS的定位机制有三种:普通流(文档流),浮动和定位 . ## 为什么叫浮动 浮动就是漂浮在标准流的上面. ## 浮动重要 浮动脱离标准流,不占位置,会影响标准流.浮动只有左右浮动. 浮动盒子的时候,为了保证占用位置,必须使用一个标准流的父盒子. ## 浮动详细内幕特性 浮动首先创建包含块的概念(包裹).就是说,浮动的元素总是找离他最近的父级元素对齐,但是不会超出内边距的范围. ## 一浮具浮 一个父盒子里面的子盒子,如果其中一个子级有浮动的,则其他子级都需要浮动.这样才能一行对齐显示. ## 浮动后自动变为行内块 块级元素进行浮动之后,默认具有inline-block的属性. 宽度消失,宽度由内容撑起来. 行内元素添加浮动之后也具有行内块元素的特性了,宽度也是由内容决定. ## 总结 浮动的盒子是漂在标准流上面的. 添加浮动的盒子是不占用位置的. 浮动盒子需要和标准流父级搭配使用,特别注意浮动可以使元素显示模式体现为行内块特性.