CSS clear 属性

<p> 元素被推到左侧浮动元素下方（<p> 元素不允许左侧浮动元素）：

img {
float: left;
}

p.clear {
clear: left;
}

定义和用法

这个clear属性控制浮动元素旁边的流程。

这个clear属性指定浮动元素旁边的元素应该发生什么。

提示：另请参阅 float属性。

表中的数字指定完全支持该属性的第一个浏览器版本。

Property
clear	1.0	5.0	1.0	1.0	6.0

Value	Description	Demo
none	Default. The element is not pushed below left or right floated elements	Demo ❯
left	The element is pushed below left floated elements	Demo ❯
right	The element is pushed below right floated elements	Demo ❯
both	The element is pushed below both left and right floated elements	Demo ❯
initial	Sets this property to its default value. Read about initial
inherit	Inherits this property from its parent element. Read about inherit