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

当父元素高度自适应（没有设置具体高度），子元素浮动时，父元素内容因为没有被撑开，高度为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;

            }