clearfix

子元素和父元素相邻的垂直外边距会发生重叠，子元素的外边距会传递给父亲

既不影响可见框的高度又阻止子元素和父元素重叠

在box1中加内容放在div中 空的div不能隔离父子元素

用空的table（表格）标签可以隔离 但是会多加一个空结构

解决父元素高度塌陷 又解决父子元素外边距重叠

.clearfix:after,clearfix:before{

content:“ ”；

display: table；（作为块级表格来显示 类似table标签）

clear：both；（清除浮动）

}

兼容IE

.clearfix{

zoom: 1;

}