清除浮动

1.在父级元素内容的最后添加一个空的div，添加clear属性，clear是清除上一个元素带来的影响，让元素回到原本的位置

注：给浮动元素之后的那个元素加clear：both；不推荐使用，因为会在页面添加太多的无用标签，让页面布局变得更加复杂；

2.给父级设置：overflow：hidden

注：不推荐使用，会和定位产生冲突

3.使用伪元素代码

            .clearfix:after{/*在元素的最后加内容*/
                content: "";
                visibility: hidden;
                clear: both;
                height: 0;
                line-height: 0;
                display: block;
            }
            .clearfix{
                zoom: 1;/*针对ie678*/
            }        

给浮动的父元素使用的