clearfix

/*方法一（推荐）*/

.clearfix:before,.clearfix:after {
  content:'';
  display:table;      
}
.clearfix:after {
  clear:both;
  overflow:hidden;
}
.clearfix {
  *zoom:1;  
}

/*方法二*/

.clearfix:after {
　　content:'';
　　display:block;
　　visibility:hidden;
　　height:0;
}
.clearfix:after {
　　clear:both;
}
.clearfix {
　　*zoom:1;
}
 
/*方法三：不考虑IE6和IE7的简洁版本*/
.clearfix:after {
　　content:'';
　　display:table;
　　clear:both;
}

/*其他方法*/
/*
　　overflow:hidden/auto;
　　zoom:1/_height:1%;(在IE下触发layout)

*/