CSS高度塌陷解决方法

高度塌陷的解决方案：
1. 给塌了的元素写oveflow:hidden;
弊端：oveflow:hidden;的本意是超出隱藏，如果将来这个子盒子里

2•在塌陷的盒子最后面创建一个空标签，写一个行内样式：做一下清除浮动即可
弊端：创建了空标签了，造成标签过多，代码冗余。

3.万能清除法
•clear fix:tafter{
content: "":
display: block:
width: 0;
height: 0;
overflow: hidden;
visibility: hidden;
clear: both;
]