清除浮动带来影响的几大方法

1、浮动元素后加一个空的div ，写clear:both
         缺点：代码冗余
2、直接在父元素加高度
3、在父元素加overflow：hidden
         缺点：无法实现二级菜单效果–超出部分无法实现
4、当父元素也浮动的时候
         缺点:带来新的浮动问题
5、父元素加display:inline-block
         缺点：带来新的问题
6、父元素加position:absolute/fixed
         缺点：整个盒子全部不占位置
7、万能清除法(推荐使用)
.cl:after{
content:””;
display”block;
clear:both;
height:0;
overflow:hidden;
visibility:hidden;
}
.cl{
zoom:1;
}