在使用CSS時(shí)，我們有時(shí)會遇到需要清除浮動的情況。浮動元素是指一些比較獨(dú)立的元素，它們脫離了文檔流，在布局上表現(xiàn)得像浮動一樣。通常我們使用float屬性來設(shè)置一個(gè)元素的浮動屬性。

但是，浮動元素也會帶來一些問題。比如當(dāng)它們高度不夠時(shí)，會影響下面的元素排列。此時(shí)，我們需要消除浮動的影響，讓它們重新回到文檔流中。以下是一些常見的消除浮動的方法。

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

這是一種利用:before/:after偽元素清除浮動的方法。我們給浮動元素的父元素添加一個(gè).clearfix的樣式，樣式內(nèi)部設(shè)置content為""，display為block，做到了在元素后面添上一個(gè)偽元素，它的高度為0，清除了浮動，并隱藏了該清除元素，使該偽元素不占據(jù)空間。

.clear{
	clear:both;
}

這種方法也是通過給元素添加一個(gè)樣式類名來達(dá)到清除浮動的目的。它的原理是給元素添加一個(gè)clear:both的樣式，表示該元素的前面的浮動元素都被清除了，它需要脫離該元素，重新回到文檔流中。

總之，消除浮動的方法有很多種。我們需要根據(jù)實(shí)際情況選擇適合的方法。這可以避免一些浮動的問題，并讓元素在頁面中更加美觀。