參考連接:https://www.cnblogs.com/yingsu/p/7261904.htmlhtml
不清楚浮動的結果和影響再也不描述,清除浮動的代碼別處也有不少,每種方法都有十分簡潔的代碼,我今天學到的是有僞類來清除浮動。他的原理簡單來講就是再已經浮動的元素後面添加一個什麼也沒有的元素,以此來消除子元素由於浮動而讓父元素塌陷的一種解決辦法。htm
代碼:blog
.clearfix:after{#在須要清除浮動的父元素中添加這個clearfix類。 content:"."; display:block; height:0; clear:both; visibility:hidden; }
.clearfix:after{
content:".";
display:block;
height:0;
clear:both;
visibility:hidden; it
}class