float浮动
CSS中的float
float中的四个参数：
float : left 左浮动
float : right 右浮动
float : none 不浮动（默认）
float : inherit 继承浮动
float属性实现文本环绕效果
注意： float会使行内元素转换为块状元素，使等标签也可以设置width和height float标注元素虽然脱离标准流，但是依然占据文档流的空间
CSS中的定位机制
- 标准流
- 定位
- 浮动
当父元素未设置高度时，子元素进行浮动，高度塌陷。
浮动副作用的解决
- 手动给父元素添加高度
- 通过clear清除内部和外部浮动
- 给父元素添加overfloat属性并结合zoom:1使用
- 给父元素添加浮动
clear属性
不允许有浮动对象
clear:none clear:left（不允许左边有浮动对象）
clear:right （不允许右边有浮动对象）
clear:both（不允许有浮动对象）
添加clear之后：
