CSS--清除浮动

// 清除浮动带来的影响;

// 方法一:元素后面添加clear:both;
// 1.HTML block水平元素底部
    <div style="clear:both;"></div>
    // 不足:造成很多裸露的<div>标签;

// 2.CSS after伪元素底部生成
    .clearfix:after {}
    // 不足:after伪元素属性,IE6/IE7不识别;

// 方法二:父元素BFC(IE8+)或haslayout(IE6/IE7);
    float:left/right;
    position:absolute/fixed;
    overflow:hidden/scroll;(IE7)
    display:inline-block/table-cell;(IE8+)
    width/height/zoom:1;(IE6/IE7)    

// 权衡之后的策略
    .clearfix:after {content:""; display:block; height:0; overflow:hidden; clear:both;}
    .clearfix {*zoom:1;}

// 更好的方法
    .clearfix:after {content:""; display:table; clear:both;}
    .clearfix {*zoom:1;}