.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } .clearfix {display: inline-block;} /* for IE/Mac */ </style> <!--[if IE]> <style type="text/css"> .clearfix {zoom: 1;/* triggers hasLayout */ display: block;/* resets display for IE/Win *

/* For modern browsers */ .cf:before,.cf:after { content:""; display:table; } .cf:after { clear:both; }/* For IE 6/7 (trigger hasLayout) */ .cf { zoom:1; } 

清除浮动方法：1. .overflow1{overflow:hidden;zoom:1;}2. .clearfix{display：block;}.clearfix:after{    clear: both;    content: ".";    display: block;    height: 0;    visibility: hidden;}