解决父元素高度塌陷

方法1.

给父元素添加overflower：hieder
缺点：当子元素有定位设置，定位到父元素外面，不希望溢出部分溢出隐藏时就不行了

方法2.

在最后浮动的元素下方添加空div，并给该元素添加声明：
clear：both，height：0，overflow：hidder
缺点：在HTML结构文档中会形成很多冗余代码

方法3.

在父元素选择器上进行设置：

div:after{content：",”;clear:both;display:block;height:0;overflow:hidden;visibility:hidden}

注：最好在父元素中设置好宽高，以免出现高度塌陷的问题