after伪类清除浮动

.clearfix:before,
.clearfix:after {
   content: "";
   display: block;
   height: 0;
   clear: both;
   visibility: hidden;
}
.clearfix {
    zoom: 1;
}