子元素和父元素相邻的垂直外边距会发生重叠，子元素的外边距会传递给父亲
既不影响可见框的高度又阻止子元素和父元素重叠
在box1中加内容放在div中 空的div不能隔离父子元素
用空的table（表格）标签可以隔离 但是会多加一个空结构
解决父元素高度塌陷 又解决父子元素外边距重叠
.clearfix:after,clearfix:before{
content:“ ”；
display: table；（作为块级表格来显示 类似table标签）
clear：both；（清除浮动）
}
兼容IE
.clearfix{
zoom: 1;
}
