### 清除浮动 **通过为父元素**添加 `.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(); } ~~~