1.使用display:float;会有高度塌陷的问题(子元素不会再汇报高度给父元素)。所以我们需要清除浮动。
clear可以指定一个元素是否移动到之前浮动元素的下面。
.clear_float::after{
content:""
display:block;
clear:both;
//解决兼容问题
height:0;
visibility:hidden;
}
//解决兼容问题
.clear_float{
*zoom:1;
}
1.使用display:float;会有高度塌陷的问题(子元素不会再汇报高度给父元素)。所以我们需要清除浮动。
clear可以指定一个元素是否移动到之前浮动元素的下面。
.clear_float::after{
content:""
display:block;
clear:both;
//解决兼容问题
height:0;
visibility:hidden;
}
//解决兼容问题
.clear_float{
*zoom:1;
}