/*--------------------------清除浮动 -----------------------------------*/
.clear{clear:both; font-size:1px; line-height:0; height:0; }
.clearfix:after{content: ".";display: block;height: 0;clear: both;visibility: hidden;}
.clearfix{display: inline-block;}
/* Hides from IE-mac */
* html .clearfix{height: 1%;}
.clearfix{display: block;}
/* End hide from IE-mac */
/*-------------------------清除浮动结束 ------------------------------------*
在应用的过程中我们只需要,在有浮动的元素的面添加<div class="clear"></div>, 这是一种。还有一种就是直接在元素添加一个类clearfix就可以了。