高度塌陷:父子关系中,父元素没有设置固定高度,子元素浮动,父元素会产生高度变化。
解决办法:
1.给父元素添加固定高度。
2.给子元素添加清除浮动:clearn:both;。
3.给父元素添加overflow:hidden;。
4.万能清除浮动法:给父元素添加
::after{
content:'';
display:block;
clear:both;
heignt:0;
font-sizing:0;
overflow:hidden;
visibility:hidden;
}
5.父元素开启flex布局:display:flex;