當我們在網頁中使用浮動元素時，常常需要清除浮動，否則就會發生一些不可預知的問題。CSS中提供了多種方法來清除浮動，下面就讓我們來了解一下吧。

首先，讓我們來看一下最基本的清除浮動方法：

.clearfix:after {
content:"";
display:table;
clear:both;
}
.clearfix {
*zoom:1;
}

以上代碼是通過偽元素:after來清除浮動的。我們在需要清除浮動的容器上添加class="clearfix"，然后就可以清除該容器內的浮動元素了。

接下來，我們看一下第二種清理浮動的方法：

.clearfix:before,
.clearfix:after {
content:"";
display:table;
}
.clearfix:after {
clear:both;
}
.clearfix {
*zoom:1;
}

該方法與第一種方法的區別在于，添加了:before偽元素。該偽元素的作用就是在浮動元素之前，添加一個看不見的空元素，防止浮動元素超出父容器。

最后，我們來介紹一下第三種清理浮動的方法：

.parent {
overflow:hidden;
}
.child {
float:left;
}

該方法是通過添加父容器的 overflow 屬性來清理浮動。我們將父容器的 overflow 屬性設置為 hidden，這樣就可以自動清理浮動并防止浮動元素超出父容器了。

以上就是CSS中三種清除浮動的方法，根據實際情況選擇不同的方法即可。希望對大家有所幫助。