CSS浮动

1.浮动

规范：同级之间，加float属性，其余的也要加

如果不规范则会出现：

（1）脱离标准文档流

         影响： 破坏了布局，导致布局错乱

（2）不脱离文本流

左浮动

float: left;

2.浮动2

溢出隐藏则用

/* overflow: hidden; */

浮动导致 父级盒子塌陷

  解决办法：

 （1）. 父级盒子加高（不能自动撑开，高是固定的，不够灵活）

（2）. 父级盒子加 overflow: hidden; （自动撑开，但会导致溢出的部分无法显示）

（3）. 加一个无内容的空盒子：clear: both;（必须无意义无宽高）

（4）. 父盒子加伪类属性 ::after { content: '';display:block; clear:both}(达到添加无意义空盒子的效果且不受影响)

3.右浮动

float: right;