H5 之清除浮动 clear：float

   清除浮动，是高度得到修正，可以分三种方法：

1、在容器的底部增加一个元素，属性设置为 clear：， clear有三个属性值

    clear：left；不允许自身的左边有float元素

    clear：right；不允许自身的右边有float元素

    clear：both；不允许自身的两边有float元素

 

2、overflow：hidden；

    强制容器包含它的子元素，让高度得到修正。

   副作用：超出容器的部分都会被剪切掉。

 

3、.clearfix：after{ content：”“；

                               display ：block；

                              clear：both；

                              height：0px；

                             overflow：hidden；}

    .clearfix{ -ms-zoom：1； }

在容器的最后插入一个元素，hack技术。让IE浏览器强制布局包含的浮动元素。