参考链接：****https://www.cnblogs.com/yingsu/p/7261904.html

不清楚浮动的结果和影响不再描述，清除浮动的代码别处也有很多，每种方法都有十分简洁的代码，我今天学到的是有伪类来清除浮动。他的原理简单来说就是再已经浮动的元素后面添加一个什么也没有的元素，以此来消除子元素因为浮动而让父元素塌陷的一种解决办法。

代码：

.clearfix:after{#在需要清除浮动的父元素中添加这个clearfix类。
     content:".";        
     display:block;        
     height:0;        
     clear:both;        
     visibility:hidden;        

}

.clearfix:after{
     content:".";        
     display:block;        
     height:0;        
     clear:both;        
     visibility:hidden;        

}