你是否遇到子盒子浮动上去后,父盒子的长度变为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;
}