css clearfix实现

 

.clearfix:before,

.clearfix:after{

　　content:"";

　　display:table;

　　clear:both

}

可以解决浮动元素高度塌陷问题，又可以确保父元素与子元素的垂直外边距不会重叠。

div为clearfix的内部添加before与after标识

<div class="clearfix">

　　<div style="float:left">

　　</div>

</div>