清除浮动的方法

1.给父级标签也加浮动

2.给父级标签加display:inline-block

3.在浮动元素下加<div class="clear"></div>

  .clear{height:0px;font-size:0;clear:both;}

4.在浮动元素下加<br clear="all"/>

5.给浮动元素的父级标签加(推荐使用该方法)

  {zoom:1}

  :after{content:"";display:block;clear:both;}

6.给浮动元素的父级标签加overflow:auto 或者hidden,一定配合zoom:1;

7.父标签的属性position:absolute或者fixed;子标签float:left(此时子标签浮动)

注：在IE6,IE7下浮动的父级有宽度就不用清浮动