html清除浮动的方法

来源：爱go旅游网

html清除浮动的方法

1. 使用clear属性清除浮动：

可以通过在浮动元素的下方加入空白元素，然后在空白元素中使用clear属性来清除浮动。例如：

```html。

。 ```。

其中，clear属性的值可以为left、right、both。如果为left，则表示所有左侧的浮动都被清除；如果为right，则表示所有右侧的浮动都被清除；如果为both，则表示左右两侧的浮动都被清除。

2. 使用overflow属性清除浮动：

可以在父元素中设置overflow属性为hidden或auto，来清除子元素的浮动。例如：

```html。

。

```。

其中，.floated为浮动元素的类名。 3.使用伪元素清除浮动：

可以在父元素中加入一个伪元素（一般为.after），然后在伪元素中使用clear属性来清除浮动。例如：

```html。

。

。 ```。 ```css。

.clearfix:after 。 content: \"\";。 display: block;。 clear: both;。 }。 ```。

其中，.clearfix为父元素的类名。

因篇幅问题不能全部显示，请点此查看更多更全内容

查看全文