CSS clear 属性

定义

出现在其他元素中的图形和文本元素称为浮动元素(floating element)。

clear 属性设置一个元素的侧面是否允许其他的浮动元素。

继承性:No

说明

clear 属性定义了元素的哪边上不允许出现浮动元素。在 CSS1 和 CSS2 中,这是通过自动为清除元素(即设置了 clear 属性的元素)增加上外边距实现的。在 CSS2.1 中,会在元素上外边距之上增加清除空间,而外边距本身并不改变。不论哪一种改变,最终结果都一样,如果声明为左边或右边清除,会使元素的上外边框边界刚好在该边上浮动元素的下外边距边界之下。

JavaScript 语法

CSS 属性也可通过一段 JavaScript 被动态地改变。

脚本语法:

object.style.clear="left"

在我们的 HTML DOM 教程中,您可以找到更多有关 clear 属性 的细节。

在我们的 HTML DOM 教程中,您也可以找到完整的 Style 对象参考手册

例子

h2
  {
  clear: right
  }

address
  {
  clear: both
  }

可能的值

描述
left 在左侧不允许浮动元素
right 在右侧不允许浮动元素
both 在左右两侧均不允许浮动元素
none 默认。允许浮动元素出现在两侧。

TIY 实例

清除元素的侧面
本例演示如何使用清除元素侧面的浮动元素。