Clear是计算机中一种元素,clear属性定义了元素的哪一侧不允许其他浮动元素,在CSS1和CSS2中,是通过自动为清除元素增加上外边距实现的。
基本特性
初始值 | none | 适用于 | 内联块状元素(block-level elements ) |
继承性 | 无 | 百分比 | N/A |
媒体 | visual | 版本 | CSS1 |
兼容性 | IE4+ NS4+ |
说明
在 CSS1 和 CSS2 中,这是通过自动为清除元素(即设定了 clear 属性的元素)增加上外边距实现的。在CSS2.1中,会在元素上外边距之上增加清除空间,而外边距本身并不改变。不论哪一种改变,最终结果都一样,如果声明为左边或右边清除,会使元素的上外框线边界刚好在该边上浮动元素的下外边距边界之下。
以下表格表示clear属性的使用说明
默认值 | none |
继承性 | no |
版本 | CSS1 |
JavaScript 语法 | object.style.clear="left" |
实例
图像的左侧和右侧均不允许出现浮动元素
img
{
float:left;
clear:both;
}
可能的值
值 | 描述 |
left | 在左侧不允许浮动元素。 |
right | 在右侧不允许浮动元素。 |
both | 在左右两侧均不允许浮动元素。 |
none | 默认值。允许浮动元素出现在两侧。 |
inherit | 规定应该从父元素继承 clear 属性的值。 |
浏览器支持
所有主流浏览器都支持 clear 属性。