.clearfix的應用:

.clearfix:after {content: " ";display: block;clear: both;height: 0;}

.clearfix {zoom: 1;}

.clearfix的原理：

1、在IE6, 7下zoom: 1會觸發hasLayout，從而使元素閉合內部的浮動。

2、在標準瀏覽器下，.clearfix:after這個偽類會在應用到.clearfix的元素后面插入一個clear: both的塊級元素，從而達到清除浮動的作用。

? ? ? <div>

? ? ? <div class="floated"></div>

? ? ?<div style="clear:both"></div>