关于高度自适应情况下的外边距

在盒子高度自适应 若盒子内的子元素左右浮动，那么这个盒子后面的兄弟元素会向上浮，且即使在这个兄弟元素清理浮动后，它的上面的外边距也不能正常生效（但外边距大到一定程度之后 上外边距会起一定的作用）。

解决方法1 给这个盒子加个固定的高度 在子元素只在父元素内浮动，不会干扰父元素的兄弟元素，后面的兄弟元素就不会再向上浮动，外边距也能正常使用！

解决方法2在这个盒子后面添加一个隐藏的空盒子 让这个空盒子清理浮动，从而再后面的盒子既不会向上浮动，且外边距就能正常使用。

.clearfix:after {

content: '.';

display: block;

clear: both;

height: 0;

visibility: hidden;

}