清除浮动

方法一 after伪类：

.box::after{
content:'';
display:block;
clear:both;
visibility:hidden;
}

方法二 父元素超出隐藏：

.father{
overflow:hidden;
}

方法三 额外标签法（在最后一个浮动标签后，新加一个div，给其设置clear：both；）:

div{
clear:both}

方法四 使用before和after双伪元素清除浮动

     .clearfix:after,
     .clearfix:before{
        content: "";
        display: table;
    }
    .clearfix:after{
        clear: both;
    }
    .clearfix{
        *zoom: 1;