CSS 清除浮动 伪类

参考连接：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;        

}