clear是什么属性(clear 属性)

http://www.itjxue.com  2023-01-27 22:17  来源:未知  点击次数: 

CSS中clear是干嘛用的?

这个clear是相对float来作用的,一起说一下:

-------------------------------------------------------------

Float:定义元素的浮动方式。left 表示对象浮在左边、right表示对象浮在右边、none 表示对象不浮动。相对应的CSS属性是”float”。

Clear:不允许元素的浮动。left表示不允许左边有浮动对象、right表示不允许右边有浮动对象、none表示允许两边都可以有浮动对象、both不允许有浮动对象。

css的clear属性到底是怎么解释的

clear:both,并不是不允许左右有浮动元素,而是清除上面的浮动元素对自己的影响,如果它没有clear:both,那么它就会左浮动到第一排,在两个图标的后面

当元素浮动的时候,它们就脱离了文档流,就好像两片云朵在空中飘着,那么它们在地面上就不占位置,地面就是这个文档流,当你在后面的元素设置clear:both的时候,就给之前的飘着的云朵赋予了地面位置,其他元素不能占那个位置了

楼主能理解么

HTML的float与clear问题

float 属性定义元素在哪个方向浮动。

其属性有:

float:left;

float:right;

float:none;

float:inherit;

--------------------------------

left 元素向左浮动。

right 元素向右浮动。

none 默认值。元素不浮动,并会显示在其在文本中出现的位置。

inherit 规定应该从父元素继承 float 属性的值。

-------------------------------------------------------------

clear 属性定义了元素的哪边上不允许出现浮动元素。

其属性有:

left 元素向左浮动。

right 元素向右浮动。

none 默认值。元素不浮动,并会显示在其在文本中出现的位置。

inherit 规定应该从父元素继承 float 属性的值。

html5 clear 什么作用

定义和用法

clear 属性规定元素的哪一侧不允许其他浮动元素。

说明

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

默认值:

none

继承性:

no

版本:

CSS1

JavaScript 语法:

object.style.clear="left"

可能的值

描述

left 在左侧不允许浮动元素。

right 在右侧不允许浮动元素。

both 在左右两侧均不允许浮动元素。

none 默认值。允许浮动元素出现在两侧。

inherit 规定应该从父元素继承 clear 属性的值。

clear属性怎么回事啊

是因为clear只清除使用clear上边的float效果。

如果想要在同一行 a b 都要用float,并且b不能用clear。

下边这个代码是我亲自手打并测试后的效果。

html

head

style type="text/css"

.use_float{float:left;}

.float1{height:100px;width:100px; background:pink;}

.float2{height:150px;width:150px; background:blue;}

.float3{height:200px;width:200px; background:green;}

.float4{height:250px;width:250px; background:black;}

.float5{height:300px;width:300px; background:orange;}

.float6{height:350px;width:100px; background:#aeaeae;

float:right;}

.use_clear{ clear:left; /*-----把这里的left换成right试试-----*/ height:10px; width:100%; border:1px solid red; background:red;}

/style

/head

body

div class="use_float float1"/div

div class="use_float float2"/div

div class="use_float float3"/div

div class="use_float float4"/div

div class="use_float float5"/div

div class="use_float float6"/div

!---------------------------------上边用float----------------------------

div class="use_clear"/div

/body

/html

css中清除浮动的属性是什么

css中清除浮动可用clear属性,该属性定义了元素哪边不允许出现浮动,可选的常用的值有:left、right、both等,通常写成clear:both;即该元素两边都不允许出现浮动,这样即可清除浮动。

另外,给父级元素定义overflow:hidden; 这样也能清除浮动。

(责任编辑:IT教学网)

更多

推荐CorelDraw教程文章