在網頁設計中，浮動元素是常見的排版方式之一，而清除浮動也是網頁設計中經常使用的技巧之一。接下來，我們將介紹幾種CSS清除浮動的方式。

方式一：使用clear屬性

.clearfix {
clear: both;
}

以上代碼表示給class為clearfix的元素添加clear:both屬性，即清除其前面的浮動元素。

方式二：使用overflow屬性

.clearfix {
overflow: hidden;
}

以上代碼表示給class為clearfix的元素添加overflow:hidden屬性，這樣可以觸發BFC(block formatting context)規則，自動清除其前面的浮動元素。

方式三：使用偽元素:before或:after

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

以上代碼表示給class為clearfix的元素添加:before和:after偽元素，同時給:after偽元素添加clear:both屬性，即清除其前面的浮動元素。

以上就是CSS清除浮動的幾種方式，不同方式適用于不同的情況。需要根據實際情況選擇合適的方式。