css中的"清除(clear)"有什么用?怎用?
发布网友
发布时间：2024-10-18 21:23
共5个回答
热心网友
时间：2024-11-15 19:50
浮动顾名思义就是把一个层单独拿出来,在IE6中是占据空间的，在标准浏览器如ff中是不占用空间的,这会导致一些hack,所以随时记得清除浮动防止错位,这个就是clear的主要用途
display就那么几个用法,主要说下inline.
在ie6中浮动对象加margin有双边距bug,比如:
<li class="li"></li>
<li class="li"></li>
.li { float:left;margin-left:5px;}
如果只有以上css的话,在IE6中2个li间会有10pxMargin,这个时候给li加上display:inline就可解决,使其margin-left变为5px
热心网友
时间：2024-11-15 19:45
支 持：IE4、NC4
适 用：区块元素或图形
可能值：
left 元素靠左，文字围绕其右
right 元素靠右，文字围绕其左
none 以预设的方法显示
预设值：none
继承性：无
一般范例：DIV { float : right }
同轴范例：<DIV style="float:right">
clear 设定清除性质（设定是否允许浮动元素之存在）
支 持：IE4以上
适 用：区块元素或图形
可能值：
both 若两边有浮动元素，则该元素移至浮动元素下方
left 若左边有浮动元素，则该元素移至浮动元素下方
right 若右边有浮动元素，则该元素移至浮动元素下方
none 以预设的方法显示
预设值：none
继承性：无
一般范例：DIV { clear : right }
同轴范例：<DIV style="clear:right">
DW里面的确没有包括所有的css属性，自己添加上去就是了
热心网友
时间：2024-11-15 19:46
几块DIV要在一行显示时用到；
float:left;左浮动；
float:right;右浮动；
float:none;没有浮动，就是它的左右不能有其它DIV；
float使用时必须和clear一起使用，不然在有些浏览器中会有问题。
清除（clear）：
清除浮动时用，一般和float配合使用；
clear:left;清除左浮动；
clear:right;清除右浮动；
clear:none;左右都可以有浮动；
clear:block;左右都不可以有浮动。
显示（display）:
显示/隐藏DIV；
display:block;显示；
display:none;隐藏
不全,但是常用的.
热心网友
时间：2024-11-15 19:49
Clear 是用来清除上面有用float属性的(元素)Div
比如说你有一行
<div style="float:left;">1</div>
<div style="float:right;">2</div>
这样写，可能1和2会显示在同一行。
但是如果你在中间加入有clear的，2会放在第2行。
<div style="float:left;">1</div>
<div style="clear:both;"></div>
<div style="float:right;">2</div>
如果你中间加的不是clear，而是其它，2还是会在第一行，因为float是漂浮的元素，clear就是用来清除上面的漂浮元素，使得下面的元素正常的排列，不被上面的漂浮元素影响。
Display 就是用来显示/隐藏 一个元素的。
<div style="display:block">1</div>
<div style="display:none">2</div>
这样的1就是显示，2就是隐藏的。
你可以通过这样来隐藏不暂时不想显示的东西。
建议你多点看看CSS的属性。
热心网友
时间：2024-11-15 19:46
写个例子
<div id="a1">
<div id="a2"></div>
<div id="a3"></div>
</div>
a1 700px a2 300px a3 400px
对a2,a3加1px框,为了直观,a2左浮动,a3右浮动.
这样a2+a3=300+2+400+2 超过了700.那么a3在a2的下面(还是把a3改左浮动,比较好理解)
我们可以这样设#a3 {float: left; width:400px;border:1px solid #ff000;clear:right;overflow:hidden;}不允许a3右侧有浮动,对他进行清理,超出隐藏,这样就不会错为了
应用hidden或auto的overflow属性会自动的清理包含的任何浮动元素.
通常一些网页在载入时，由于图片太大，导致布局被撑开，直到页面下载完成才恢复正常，通过添加overflow:hidden就可以解决这个问题。
我这里说clear只是易与理解(clear+overflow),clear+display添加个进行清理的空元素.使容器元素包围浮动元素 这个用法很多
这个要说清楚 清除 浮动 显示 两三页是不够写的
