清除浮动的几种方式

清除浮动解决的问题

清除浮动主要是为了解决，父元素因为子级元素浮动引起的内部高度为0的问题

• 方法1 额外标签法（在最后一个浮动标签后，新加一个标签，给其设置clear：both；）
• 方法2 父级添加overflow属性（父元素添加overflow:hidden）（不推荐）
• 方法3 使用after伪元素清除浮动（推荐使用）

clearfix:after{/*伪元素是行内元素 正常浏览器清除浮动方法*/
        content: "";
        display: block;
        height: 0;
        clear:both;
        visibility: hidden;
    }
    .clearfix{
        *zoom: 1;/*ie6清除浮动的方式 *号只有IE6-IE7执行，其他浏览器不执行*/