Float：left/right/none
- none：设置对象不浮动
- left：设置对象浮在左边
- right：设置对象浮在右边
适用于：所有元素
作用：使元素脱离文档流，按照指定的方向发生偏移 直到移动到父级边界 或者 同级的浮动元素边界 才会停止
文档流：在html中 文档流 指元素从上至下排列的顺序
由于浮动使元素脱离文档流 所有浮动的元素会改变标签原来的特性
如何清浮动
元素浮动后 脱离原来的排列顺序
-指如果父级没有设高度时 没有浮动前 元素可以把父级撑开高度 当浮动后脱离了在文档中的顺序 父级的高度就不能被浮动的子元素撑开 造成页面 “坍塌”
解决方案：称为 清浮动
-
给父级元素设置高度
-
给父级设置overflow:hidden;
-
给浮动元素末尾添加空标签 并设置clear:both
-
给父级设置display:inline-block;或者浮动
-
给父级设置伪元素 （万能清浮动）
-
. .clear：after{content:”.”; display:block; clear:both; height:0; overflow:hidden; visibility:hidden; } 方法四备注：(class:”clear” 添加在父级元素class中： class:”wrap clear”) 总注：给以上四种方法中的父元素添加声明：{zoom:1;} 即可兼容IE6浏览器。
7. 给父级绝对定位
清浮动的方法各有利弊
1-加高度 父级的高度固定 不利于布局的扩展
2-给父级浮动 使父级margin失效
3-给父级display:inline-block 使父级margin失效
4-overflow:hidden 溢出隐藏 会影响布局效果
………
推荐使用万能清浮动