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;        

}