高度坍塌

高度坍塌的根源：常规流盒子的自动高度，在计算时，不会考虑浮动盒子

清除浮动，设计css属性：clear
-默认值：none
-left：清除左浮动，该元素必须出现在前面所有左浮动盒子的下方
-right：清除右浮动，该元素必须出现在前面所有右浮动盒子的下方
-both：清除左右浮动，该元素必须出现在前面所有浮动盒子的下方

 .clearfix::after{
            content: "";
            display: block;
            clear: both;
}