### 清除浮動 **通過為父元素**添加 `.clearfix` 類可以很容易地清除浮動（`float`）。這里所使用的是 Nicolas Gallagher 創造的 [micro clearfix](http://nicolasgallagher.com/micro-clearfix-hack/) 方式。此類還可以作為 mixin 使用。 ~~~html <!-- Usage as a class --> <div class="clearfix">...</div> ~~~ ~~~scss // Mixin itself .clearfix() { &:before, &:after { content: " "; display: table; } &:after { clear: both; } } // Usage as a mixin .element { .clearfix(); } ~~~