单伪元素清除浮动
.clearfix:after {
content: ".";
display: block;
clear: both;
height: 0;
visibility: hidden;
}
双伪元素清除浮动
.clearfix::before,
.clearfix::after {
content: '';
display: table;
}
.clearfix::after{
clear:both;
}