当子元素有浮动,而父元素没有高度的情况下,会出现高度塌陷
解决方法:
1,给父元素加高 不灵活
2,给父元素加overflow:hidden; 溢出会隐藏 BFC
3,在需要清浮动的后面添加一个空标签,设置 会造成代码冗余
<div style="clear:both; overflow:hidden; height:0;"></div>
4,万能清除浮动法 推荐
.clear::after{
content:"";
clear:both;
display:block;
overflow: hidden;
visibility: hidden;
}