浮动、高度坍塌与解除、清除浮动

当父元素高度自适应（没有设置具体高度），子元素浮动时，父元素内容因为没有被撑开，高度为0,那么就是高度坍塌了；

高度坍塌解除;

1.父元素设置高度；

2.父元素设置display:inline-block;

3.父元素跟随子元素同样的浮动样式；

4,父元素样式overlow:hidden;

5.父元素伪类（都说是绝杀技，自己体会）

：after{

display: block;

content: ".";

clear: both;

line-height: 0;

}

6， 使用双伪元素清除浮动
　　　　.clearfix:before,.clearfix:after {
                  content: "";
                  display: block;
                  clear: both;
            }
            .clearfix {
                  zoom: 1;
            }