CSS：清除浮动

1､关于css的清除浮动一般的做法是在这个模块清除：
    <div style="clean:both"></div>
    一般来说没问题，但是多加了一个空标签，有点多此一举。

2､如果采用float来布局的话，普通文档流没有影响。脱离文档流，就是不占位置，自然父元素不能被撑破，所以高度高度坍塌。如果用display 的话，高度不一样，会出现问题。

3､还有一种是直接在父元素中清除：
    // 正常浏览器
    .clearfix {
        display: table;
        content: '';
        clear: both;
    }
    // 引入了zoom以支持IE6/7
    .clearfix{
        *overflow: hidden;
        *zoom: 1;
    }

4､还可以采用BFC触发方式,我们可以给父元素加以下的属性触发BFC
    float 为 left | right
    overflow 为 hidden | auto | scroll
    display 为 table-cell | table-caption | inline-block | flex | inline-flex
    positon 为 absolute | fixed
    IE6、7不支持bfc，触发需 hasLayout,目前已经不在维护，所以不用考虑。