【学习笔记】浮动

float:定义网页中其它文本如何环绕该元素显示
，浮动可以理解为让某个div元素脱离标准流，漂浮在标准流之上，和标准流不是一个层次。

目的：就是让竖着的东西横着来

三个取值：left:元素活动浮动在文本左面。

right:元素浮动在右面。

none:默认值，不浮动。

div是块级元素，在页面中独占一行，自上而下排列，也就是传说中的流。

清除浮动==清除浮动带来的影响

1、直接给父元素高度

缺点：高度无法自适应

2、在父元素上添加overflow：hidden

缺点：超出部分会被隐藏

3、在父元素上添加浮动

缺点：带来新的浮动问题

4、在父元素上添加inline-block

5、在父元素上添加绝对定位或者固定定位

缺点：会脱离文档流

6、在所有浮动元素后面追加一个空的div，clear，both；

缺点：代码冗余

7、万能清除法

例：

.cl:after{

Content:””;

Display:block;

Clear:both;

Height:0;

Overflow:hidden;

Visibility:hidden;

}

.Cl{

/解决IE6/7兼容问题/

Zoom:1;

}