當我們使用CSS樣式來布置網頁時，有時候會出現一些元素因為使用浮動（float）屬性而導致布局出現問題。當元素浮動之后，其所在的父元素就會喪失高度，這時候就需要使用全局清除浮動來解決問題。

清除浮動最常用的方式就是在父元素中使用 clear 屬性，來清除其內部浮動元素的影響。當然，為了方便，我們也可以使用一些更為簡便的方法，如使用 CSS 偽類選擇器 :after。下面來看一下CSS：

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

上述代碼中，為一個class為 clearfix 的元素定義了一個 :after 偽類，將其 display 設為 table，從而使其具有一個 隱藏的 table 單元格 高度。然后再將其 clear 設置為 both，既可以清除左浮動（float:left）也可以清除右浮動（float:right）的元素的影響。

這樣我們就可以將此 class 添加到需要清除浮動的父元素中，從而達到了全局清除浮動的目的。值得注意的是，在此代碼中，*zoom:1 是為了在 IE6 和 IE7 中觸發 hasLayout 從而使得它們可以正確處理該元素的大小和定位。

總結一下，如果你在網頁排版中遇到了元素浮動導致的布局問題，不妨試試全局清除浮動的方法，這將會給你帶來更好的排版效果和用戶體驗。