在网页设计和开发中，浮动（float） 是一种常用的布局技术，用于将元素向左或向右移动，使文本或其他元素环绕在其周围。然而，浮动也会带来一些问题，比如父元素的高度塌陷等。为了解决这些问题，我们需要使用不同的方法来清除浮动。下面将介绍四种常用的方法。

第一种方法是使用 clearfix hack。这是通过给父元素添加一个特殊的CSS类来实现的，这个类通常包含 `clear: both;` 或者 `content: ""; display: block; clear: both;` 这样的属性。这种方法简单且通用，适用于大多数情况。

第二种方法是使用 overflow属性。只需给包含浮动元素的父元素设置 `overflow: auto;` 或 `overflow: hidden;` 即可。这种方法不仅解决了高度塌陷的问题，还可能带来额外的滚动条，需要谨慎使用。

第三种方法是使用 额外的HTML标签。在所有浮动元素之后插入一个空的 `