在 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 布局会自动管理子元素的布局和位置。

请根据您的具体布局和需求选择适合的清除浮动方法。