清除浮动的常见方法

产生高度塌陷的原因：父元素没有设置高度，它的高度是被子元素撑起来的，但是子元素发生浮动，脱离了文档流，导致css页面发生混乱。

方法一：在最后一个浮动的元素后面添加一个div ，设置其样式为clear：both。

方法二：浮动的元素的父级元素添加伪类，*::after{content""; display:block; clear:both}

方法三：给父元素添overflow：hidden