解决高度塌陷的方法

高度塌陷：父子关系中，父元素没有设置固定高度，子元素浮动，父元素会产生高度变化。

解决办法：

 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;