浮动清除

1.父级加上浮动；
2.给父级加display:inline-block;
3.在浮动元素下加 <div class="clear"> </div>
        .clear{
            height:0;font-size:0    //清除IE6最小高度为19px，但是font-size最小为2Px,效果不佳；
            clear:both;
        }
4.在浮动元素下加<br clear="all"/>

5.css3:after伪类清除;


/****    在IE6,7下父级元素有宽度不用清除浮动    ***/

6.在浮动元素父级加overflow    //IE6不支持，配合zoom:1;




一般的浮动清除法：
    .clear{zoom:1}    //适用于IE6,7，因为父级元素会自动计算——hasLayout
    .claer:after{content:" ",…………} //非IE6,7浏览器清除

浮动清除

原文：http://www.cnblogs.com/Dull-ly/p/5133987.html