清除浮動是CSS中常用的技巧，它可以解決浮動元素影響到父元素高度的問題。下面介紹幾種清除浮動的方法：

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

這段代碼利用了偽元素after，在元素末尾插入空內(nèi)容，并且清空這個元素的浮動。這樣就不會影響到下一個元素了，如下：

左浮動元素
右浮動元素

另一個方法是使用overflow屬性，將父元素的overflow設(shè)為非visible即可：

.container {
overflow: hidden;
}

這種方法相對簡單，但是有一個缺點(diǎn)，就是如果父元素的內(nèi)容超過了自身，會被隱藏。

最后一個方法是使用CSS Grid，在父元素上設(shè)置display: grid，并使用grid-template-rows: auto來自動設(shè)定行高：

.container {
display: grid;
grid-template-rows: auto;
}

這種方法比較新，兼容性不太好，需要考慮一下使用場景。