造成高度塌陷的原因：
子元素设置浮动，父元素是高度自适应。由于浮动会脱离文档流，导致高度无法让父元素撑起来，所以会出现高度塌陷。
高度塌陷的解决办法
1 给父元素overflow：hidden 弊端，溢出的文本会被隐藏。
2 接着在下面添加一个div ，给div一个零的高度 然后加一个清除浮动 clear：both 弊端 会增加一个没用的div盒子 。
3 万能清除法（多次使用 可以减少重复代码的使用量）
content：‘.’给他一个小点
clear：both 消除子元素附近的浮动元素带来的影响
display：block 转化为块
height：0 高低为0
overflow：hidden 溢出隐藏
visibility：hidden 清除色块用的 ｛为了避免可能｝
