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 实例
- 清除元素的侧面
- 本例演示如何使用清除元素侧面的浮动元素。