CSS浮动

CSS的float
float：left 左浮动  可以使块级元素呈现在一行
float：right右浮动 可以使块级元素呈现在一行且排列顺序倒序
float：none 不浮动
float：inherit 继承浮动
在HTML中任何元素都是可以浮动的

float浮动的真正原因以及副作用：
1.float使得元素脱离了标准流
2.浮动的元素不占有原有空间，但依然占有文档流空间
3.父元素塌陷及其他元素异位
4.float使内联元素变成块状元素
所以根据第2点，float属性可以实现文本环绕

CSS中的三种定位机制
1.标准流
2.定位
3.浮动

浮动副作用的解决
1.手动给父元素添加高度
2.通过clear清除内部和外部浮动
   clear：none允许浮动
   clear：left 不允许左边有浮动的对象
   clear：right 不允许右边有浮动的对象
   clear：both左右两边都不允许有浮动的对象
3.给父元素添加overflow：hidden属性（处理溢出问题，但会导致子元素被截断）并结合zoom：1使用
4.给父元素添加浮动