解决方式一：
.clearfix:after{content:".";display:block;visibility:hidden;clear:both;height: 0;}
解决方式二：
.clearfix{overflow: auto;zoom: 0;}
此种方式当缩放窗口时会出现滚动条
