CSS clear

最新推荐文章于 2025-10-11 18:22:34 发布

转载最新推荐文章于 2025-10-11 18:22:34 发布 · 477 阅读

文章标签：

#css #float #脚本 #div #ie

样式专栏收录该内容

5 篇文章

订阅专栏

本文详细解释了CSS中clear属性的作用，包括清除浮动对象的影响范围，并提供了clear属性的使用方式与实例。同时，对比了clear与float属性的用法，帮助理解块对象与内联对象之间的区别。

<div style="float:right;">aaaaaaaaaaaaaaaaaaaaaaaa</div>
<div style="float:right;">11111111111111111111111111111111111111111</div>
<div style="clear:none;">该属性的值指出了其本身旁边不允许有浮动对象</div>

<div style="float:left">aaaaaaaaaaaaaaaaaaaaaaaa</div>
<div style="float:left">11111111111111111111111111111111111111111</div>

<div style="display:inline">aaaaaaaaaaaaaaaaaaaaaaaa</div>
<div style="display:inline">11111111111111111111111111111111111111111</div>

<div style="display:inline; align:right">aaaaaaaaaaaaaaaaaaaaaaaa</div>
<div style="display:inline; align:right">11111111111111111111111111111111111111111</div>

不能控制左右

==========================

clear版本：CSS1　兼容性：IE4+ NS4+　继承性：无

语法：

clear : none | left |right | both

参数：

none : 　允许两边都可以有浮动对象
both : 　不允许有浮动对象
left : 　不允许左边有浮动对象
right : 　不允许右边有浮动对象

说明：

该属性的值指出了不允许有浮动对象的边。请参阅float属性。
对应的脚本特性为clear。请参阅我编写的其他书目。

示例：

div { clear : left }
img { float: right }

float版本：CSS1　兼容性：IE4+ NS4+　继承性：无

语法：

float : none | left |right

参数：

none : 　对象不浮动
left : 　对象浮在左边
right : 　对象浮在右边

说明：

该属性的值指出了对象是否及如何浮动。请参阅clear属性。
当该属性不等于none引起对象浮动时，对象将被视作块对象(block-level)，即display属性等于block。也就是说，浮动对象的display特性将被忽略。
对应的脚本特性为styleFloat。请参阅我编写的其他书目。