高度塌陷、万能清除法(高度塌陷)

高度塌陷: 父元素没有设置高度，其高度是由子元素的高度撑起来的，但子元素发生了浮动，导致父元素无法正确计算高度，其高度变成0， 发生高度塌陷。

高度塌陷的解决方法

方法一：

给父元素添加overflow:hidden属性;(触发了BFC条件)
缺点：当前父元素下的其它子元素不能有定位，有定位（relative与absolute）的元素会被隐藏。

方法二:

在浮动元素末尾 添加空的块元素,并给该元素, 

然后在css中添加声明： 块元素名称{clear:both; height:0; overflow:hidden;}
优点：没有兼容问题。缺点：结构里会有很多无用的空标签。

方法三:

万能清除浮动法

创建公共类  class选择器，可以多次使用; (.clearfix)

.类名:after {
  content: "";
  clear: both;
  display: block;
  height: 0;
  overflow: hidden;
  visibility: hidden;
  zoom:1;
}