css清除浮动

浮动的影响:大盒子不设置高度,而且大盒子中的子盒子全部浮动，则大盒子的高度将不会被撑开


清除浮动:
1. 额外标签法:在浮动的元素后面加一个div,给这个div设置clear:both;
    - 内部标签法:可以撑开父盒子的高度
    - 外部标签法:不能撑开父盒子的高度
2. 给大盒子设置overflow: hidden;
    - 缺点:超出大盒子范围的内容会被裁剪
3. 伪元素清除浮动
    .clearfix:after {
        content:"";
        height: 0;
        line-height: 0;
        display: block;
        visibility: hidden;
        clear: both;
    }
    .clearfix {
        zoom: 1;/*兼容ie6*/
    }