1.总结来说，所谓的浮动就是一个元素尽可能的往左上以及右上去移动，然而这样会导致布局出现一些不太理想的效果，因此这时候就需要clear来配合。
2.clearfix的书写如下
.clearfix::after{
content:".";
display:block;
height:0;
visibility:hidden;
clear:both;
}
::after是伪元素(注意伪元素和伪类的区别)，::after是在当前元素的内容最后面添加一个元素(注意是元素内容里的最后，不是元素之后)
原文：http://www.cnblogs.com/lichangzhi/p/5295113.html