Bootstrap清除/清理浮动

清除浮动

通过为父元素添加.clearfix类可以很容易地清除浮动（float）。如：

<div class="clearfix">...</div>

这里所使用的.clearfix 类是 Nicolas Gallagher 创造的micro clearfix方式。并且，.clearfix 类还可以作为 mixin 使用。如：

1. // 类的Mixin定义
2. .clearfix() {
3.   &:before,
4.   &:after {
5.     content: " ";
6.     display: table;
7.   }
8.   &:after {
9.     clear: both;
10.   }
11. }
12.  
13. // 作为 mixin 使用
14. .element {
15.   .clearfix();
16. }

关于作者

歪脖先生，十五年以上软件开发经验，酷爱Web开发，精通 HTML、CSS、JavaScript、jQuery、JSON、Python、Less、Bootstrap等，著有《HTML宝典》、《揭秘CSS》、《Less简明教程》、《JSON教程》、《Bootstrap2用户指南》、《Bootstrap3实用教程》，并全部在 GitHub 上开源。