清除浮动的方法，干货哦！

你是否遇到子盒子浮动上去后，父盒子的长度变为0，下面的盒子顶了上去呢？下面有两种解决方法。

1.双伪类清除法：最为常用

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

2.单伪类清除法：

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