float和clear都是布局的属性

 2023-09-07 阅读 18 评论 0

摘要:float和clear都是布局的属性 float 取值: none:  默认值。对象不飘浮 left:  文本流向对象的右边 right:  文本流向对象的左边 说明: 该属性的值指出了对象是否及如何浮动。请参阅 clear 属性。 当该属性不等于 none 引起对象浮动时,对象将被视作块对

float和clear都是布局的属性

float
取值:
none  :  默认值。对象不飘浮
left  :  文本流向对象的右边
right  :  文本流向对象的左边

说明:
该属性的值指出了对象是否及如何浮动。请参阅 clear 属性。
当该属性不等于 none 引起对象浮动时,对象将被视作块对象( block-level ),即 display 属性等于 block 。也就是说,浮动对象的 display 属性将被忽略。
跟随浮动对象的对象将移动到浮动对象的位置(这两个属性总是结合考虑1.float样式元素2.float样式元素的下面一个元素 跟其他元素无关)。浮动对象会向左或向右移动直到遇到边框( border 、内补丁( padding 、外补丁( margin 或者另一个块对象( block-level )为止。
在IE5+中, div 和 span 对象假如没有指定宽度会被分配默认的宽度,而在此前的浏览器版本中则必须指定宽度值才可以呈递此属性。
此属性对于 currentStyle 对象而言是只读的。对于其他对象而言是可读写的。
对应的脚本特性为 styleFloat 。


clear
取值:
none  :  默认值。允许两边都可以有浮动对象
left  :  不允许左边有浮动对象
right  :  不允许右边有浮动对象
both  :  不允许有浮动对象

说明:
该属性的值指出了不允许有浮动对象的边。请参阅 float 属性。
此属性对于 currentStyle 对象而言是只读的。对于其他对象而言是可读写的。
对应的脚本特性为 clear 。

这个是clear的:(css手册上面的例子)

 提示:您可以先修改部分代码再运行

我的ID是 idDiv2 。请选择我的 float属性的值。
我的ID是 idDiv1 。请从下方的第一个选择框内选择我的 clear属性的值。从第二个选择框内选择 idDiv2 float属性的值。

#idDiv1 { clear : none ; }
#idDiv2 { float : right ; }

 

 

版权声明:本站所有资料均为网友推荐收集整理而来,仅供学习和研究交流使用。

原文链接:https://hbdhgg.com/5/11235.html

发表评论:

本站为非赢利网站,部分文章来源或改编自互联网及其他公众平台,主要目的在于分享信息,版权归原作者所有,内容仅供读者参考,如有侵权请联系我们删除!

Copyright © 2022 匯編語言學習筆記 Inc. 保留所有权利。

底部版权信息