解决“塌陷”问题的方法

 塌陷即如果一个父级盒子里面包裹的全是浮动元素，则该元素的高度会塌陷为0，下方的元素也会顺势沿着文档流跑到浮动元素的下面。

解决方法有：

step1：创建一个用于清除浮动的CSS样式表（.clearfix）

step2:针对对象是父盒子：

.clearfix{zoom:1;}         /*此条语句是IE浏览器IF6，IE7的专有属性，加上此条是为了兼容考虑，最好加上*/

.clear:after{content:“.”;

                  display:block;

                  visibility:hidden;

                  height:0;

                  clear:both;}

.