清除浮动的四种方法

清除浮动的四种方法
清除浮动的四种方法，分别为：
1. 使用一个空的div元素来清除浮动。

在浮动元素的后面插入一个空的div，并为其添加一个样式clear:both。

这样可以确保该div被浮动元素的影响清除掉。

```html
<div style="clear:both;"></div>
```
2. 使用clearfix类来清除浮动。

通过给包含浮动元素的父元素添加clearfix类，并为该类添加一个样式clear:both，可以清除其中的浮动。

```html
<div class="clearfix"></div>
<style>
.clearfix:after {
content: "";
display: table;
clear: both;
}
</style>
```
3. 使用overflow属性来清除浮动。

给包含浮动元素的父元素设置overflow:hidden或overflow:auto属性，可以触发BFC
（块级格式化上下文），从而清除浮动。

```html
<div style="overflow:hidden;"></div>
```
4. 使用float属性来清除浮动。

给浮动元素的后续元素设置float属性，将其也浮动起来，可以清除之前的浮动。

```html
<div style="float:left;"></div>
<div style="float:left;"></div>
<div style="float:none;"></div>
```
以上是四种常用的清除浮动的方法，可以根据具体需求选择使用哪种方法。