在 CSS 中，"清除浮动"（clearfix）是一个常见的技巧，用于解决父级元素因为子级元素设置浮动（float）而产生的布局问题。当子元素设置为浮动时，父元素可能会因为内容不再占据原来的空间而出现高度塌陷等问题。为了解决这个问题，我们可以使用清除浮动的技巧。
以下是几种常见的清除浮动的方法：
1. 使用伪元素清除浮动：
```css
.clearfix::after {
content: "";
display: table;
clear: both;
}
```
在父级元素上应用 `clearfix` 类，通过伪元素 `::after` 来清除浮动。这种方法是最常用的清除浮动技巧。
2. 使用 overflow 属性：
```css
.clearfix {
overflow: auto; /* 或者使用 overflow: hidden; */
}
```
通过设置父级元素的 `overflow` 属性为 `auto` 或 `hidden`，可以自动清除浮动。这种方法简单有效，但可能会导致其他布局问题，因此需要根据具体情况谨慎使用。
3. 使用 Flexbox 布局：
如果父级元素可以采用 Flexbox 布局，那么就不需要担心浮动带来的问题，因为 Flexbox 布局会自动处理子元素的浮动。
4. 使用 Grid 布局：
与 Flexbox 类似，如果父级元素采用 Grid 布局，也不需要担心子元素浮动带来的问题。Grid 布局会自动管理子元素的布局和位置。
请根据您的具体布局和需求选择适合的清除浮动方法。