CSS处理高度塌陷、父子元素高度重叠无法修改

• 在文档流中父元素的高度默认是被子元素撑开的，但当子元素设置浮动脱离文档流后，父元素的高度为0，即为高度塌陷
• 解决方法①

	overflow:hidden;
	<!--兼容IE6-->
	zoom:1;

• 解决方法②

在高度塌陷的父元素内容最后添加一个块子元素，然后清除浮动

clear:both;

• 解决方法③

父元素选择器:after{
	content : "" ;
	display : block;
	clear : both；
}

• 解决父元素高度重叠

父元素选择器:before{
	content : "" ;
	display : table;
}

• 最终解决方法
  给父元素class属性添加一个clearfix

.clearfix:before,.clearfix:after{
	content : "" ;
	display : table;
	clear:both;
	zoom:1;
}