在盒子高度自适应 若盒子内的子元素左右浮动，那么这个盒子后面的兄弟元素会向上浮，且即使在这个兄弟元素清理浮动后，它的上面的外边距也不能正常生效（但外边距大到一定程度之后 上外边距会起一定的作用）。
解决方法1 给这个盒子加个固定的高度 在子元素只在父元素内浮动，不会干扰父元素的兄弟元素，后面的兄弟元素就不会再向上浮动，外边距也能正常使用！
解决方法2在这个盒子后面添加一个隐藏的空盒子 让这个空盒子清理浮动，从而再后面的盒子既不会向上浮动，且外边距就能正常使用。
.clearfix:after {
content: '.';
display: block;
clear: both;
height: 0;
visibility: hidden;
}
