CSS中如何解决高度塌陷

1.将父元素的高度设置固定值

2.开启BFC（块格式化上下文）

        （1）设置元素浮动

        （2）设置元素为inline-block

        （3）将元素的overflow设置为hidden （推荐该方法）

        （4）设置元素绝对定位

3.直接在高度他闲的父元素最后家空白标签<div>

4.通过after伪类

        clearfix::after{

                content:" ";

                display:block;

                clear:both;

        }

既可以解决高度塌陷又可以解决父子内外边距重叠

        .clearfix:before,

        .clearfix:after{

                content:" ";

                display:table;

                clear:both;

        }