clearfix

1.总结来说，所谓的浮动就是一个元素尽可能的往左上以及右上去移动，然而这样会导致布局出现一些不太理想的效果，因此这时候就需要clear来配合。

2.clearfix的书写如下

.clearfix::after{

　　content:".";

　　display:block;

　　height:0;

　　visibility:hidden;

　　clear:both;

}

::after是伪元素(注意伪元素和伪类的区别)，::after是在当前元素的内容最后面添加一个元素(注意是元素内容里的最后，不是元素之后)