HTML-浮动与清除浮动

1.浮动：float：left；right；none

2.浮动的模块是没有高度，不占用位置的，如下：

如果给上面的div1和div2加上左浮动，则div3就会上移，出现如下所示效果：

为了让div1和div2占有它原来的位置，让div3显示在它们下面，则要清除浮动。

关于浮动的清除有以下几种：

1）clear  （clear:both;）

添加额外的标签（如：京东）

京东案例：

闭合浮动

给父盒子添加伪元素（如：新浪），效率比较高（尽管看着多出来很多代码）

zoom:1;        主要是用来解决IE6的问题(因为IE6是不认.clearfix:after的)

3.开发工具：WebStorm

4.传统的清除浮动的方式：

1）clear:both;          （子元素）

2)overflow:hidden;         （父元素）

3）现在常用：伪类、额外标签法