css中高度塌陷

高度塌陷：
    解决方法：1、给父元素写一个高度塌陷，随带问题浮动元素过多会出现换行问题
             2、 给最后加一个空元素，设置clear：both;
             3、给父元素加一个overflow：hidden；（缺点是会隐藏溢出的元素）；
             4、伪元素选择器进行，在末尾插入空标签，代码如下：
             .box::after{
                content:"";伪元素的内容为空
                clear:both; 清除伪元素前后的浮动
                display:block;将行内块元素转化成块元素
                width:0;设置宽度
                height:0;设置高度
                visibility:hidden;将内容隐藏，
             }