CSS Layout Properties 布局属性

[size=medium]1.clear——该属性的值指出了不允许有浮动对象的边。请参[color=green]float[/color]属性.
[color=green]float：
1）语法：
float : none | left |right
2）参数：
none : 　对象不浮动
left : 　对象浮在左边
right: 对象浮在右边
3）说明：
.该属性的值指出了对象是否及如何浮动。请参阅[/color][color=olive]clear[/color][color=green]属性。[/color]
[color=green].当该属性不等于none引起对象浮动时，对象将被视作块对象(block- level)，即display属性等于block。也就是说，浮动对象的[/color] [color=darkred]display[/color][color=green]特性将被忽略。
.对应的脚本特性为styleFloat。[/color]
[color=olive]clear：
1）语法：
clear : none | left |right | both
2）参数：
none : 　两边浮动都存在——允许两边都可以有浮动对象
both : 　两边浮动都清除——不允许有浮动对象
left : 　左边浮动清除——不允许左边有浮动对象
right : 清除右边浮动——允许右边有浮动对象
3）说明：
.该属性的值指出了不允许有浮动对象的边。请参阅[/color][color=green]float[/color][color=olive]属性。[/color]
[color=olive].对应的脚本特性为clear。[/color]
[color=darkred]display：
1）语法：
display : block | none | inline | compact | marker | inline-table | list-item | run-in | table |table-caption | table-cell | table-column | table-column-group | table-footer-group | table-header-group | table-row | table-row-group

2）参数：
block:CSS1块对象的默认值。用该值为对象之后添加新行
none : CSS1隐藏对象。与[/color][color=darkblue]visibility[/color][color=darkred]属性的hidden值不同，其不为被隐藏的对象保留其物理空间
inline:CSS1内联对象的默认值。用该值将从对象中删除行
compact:CSS2　分配对象为块对象或基于内容之上的内联对象
marker:CSS2　指定内容在容器对象之前或之后。要使用此参数，对象必须和[/color]:[color=darkblue]after[/color][color=darkred]及[/color]：[color=darkblue]before[/color] [color=darkred]伪元素一起使用
inline-table:CSS2　将表格显示为无前后换行的内联对象或内联容器
list-item:CSS1将块对象指定为列表项目。并可以添加可选项目标志
run-in : 　CSS2　分配对象为块对象或基于内容之上的内联对象
table : 　CSS2　将对象作为块元素级的表格显示
table-caption : 　CSS2　将对象作为表格标题显示
table-cell : 　CSS2　将对象作为表格单元格显示
table-column : 　CSS2　将对象作为表格列显示
table-column-group : 　CSS2　将对象作为表格列组显示
table-header-group : 　CSS2　将对象作为表格标题组显示
table-footer-group : 　CSS2　将对象作为表格脚注组显示
table-row : 　CSS2　将对象作为表格行显示
table-row-group : 　CSS2　将对象作为表格行组显示

3）说明：
.设置或检索对象是否及如何显示。
.目前 IE5.5仅支持以上CSS1的参数。
.对应的脚本特性为display。请参阅我编写的其他书目。

4）示例：
img { disply: block; float: right; }[/color]
[color=darkblue]visibility：
1）语法：
visibility : inherit | visible | collapse | hidden
2）参数：
inherit : 　继承上一个父对象的可见性
visible : 　对象可视
hidden : 　 对象隐藏
collapse : 主要用来隐藏表格的行或列。隐藏的行或列能够被其他内容使用。对于表格外的其他对象，其作用等同于hidden。IE5.5尚不支持此属性。
3）说明：
.设置或检索是否显示对象。与[/color][color=darkred]display[/color][color=darkblue]属性不同，此属性为隐藏的对象保留其占据的物理空间。
.如果希望对象为可视，其父对象也必须是可视的。
.对应的脚本特性为visibility。
4）示例：
img { visibility: inherit; float: right; }[/color]

[color=darkblue] :after:
1)语法：
Selector : after { sRules }
2)说明：
.用来和[/color][color=indigo]content[/color][color=darkblue]属性一起使用，设置在对象后（依据对象树的逻辑结构）发生的内容。
3)示例：
table:after { content: END OF TABLE }[/color]
2.float——该属性的值指出了对象是否及如何浮动。请参阅[color=green]clear[/color]属性
3.clip——检索或设置对象的可视区域。区域外的部分是透明的
4.overflow——检索或设置当对象的内容超过其指定高度及宽度时如何管理内容
5.overflow-x——检索或设置当对象的内容超过其指定宽度时如何管理内容
6.overflow-y——检索或设置当对象的内容超过其指定高度时如何管理内容
7.display——设置或检索对象是否及如何显示
8.visibility——设置或检索是否显示对象。与display属性不同，此属性为隐藏的对象保留其占据的物理空间


[/size]