心语飘絮
别让今天的懒惰成为明天的遗憾!!!

position                     版本:CSS2  兼容性:IE4+ NS4+ 继承性:无
 
语法:
 
position : static | absolute | fixed | relative
 
参数:

 
static :  无特殊定位,对象遵循HTML定位规则
absolute :  将对象从文档流中拖出,使用left,right,top,bottom等属性进行绝对定位。而其层叠通过z-index属性定义。此时对象不具有边距,但仍有补白和边框
relative :  对象不可层叠,但将依据left,right,top,bottom等属性在正常文档流中偏移位置
fixed :  IE5.5及NS6尚不支持此属性
 
说明:
 
检索对象的定位方式。
 
示例: 

1 div { position: absolute; bottom: 1in; left: 1in; right: 1in; top: 1in; }
2 div { position:relative; top:-3px; left:6px; } 

z-index                       版本:CSS2  兼容性:IE4+ NS6+ 继承性:无
 
语法:
 
z-index : auto | number
 
参数:
 
auto :  遵从其父对象的定位
number :  无单位的整数值。可为负数
 
说明:
 
检索或设置对象的层叠顺序。
如两个绝对定位对象的此属性具有同样的值,那么将依据它们在HTML文档中声明的顺序层叠
 
示例: 

1 div { position:absolute; z-index:3; width:6px; }

top                                版本:CSS2  兼容性:IE4+ NS4+ 继承性:无

语法:
 
top : auto | length
 
参数:
 
auto :  无特殊定位,根据HTML定位规则载文档流中分配
length :  由浮点数字和单位标识符组成的长度值,或者百分数。必须定义position属性值为absolute或者relative此取值方可生效。
 
说明:
 
检索或设置对象与其最近一个定位的父对象顶部相关的位置。
对应的脚本特性为top。其值为一字符串,所以不可用于脚本(Scripts)中的计算。请使用style对象的posTop,pixelTop,以及对象的
 
示例: 

1 div { position: absolute; top: 1in; }
2 div { position:relative; top:-3px; left:6px; } 

right                             版本:CSS2  兼容性:IE5+ 继承性:无
 
语法:
 
right : auto | length
 
参数:
 
auto :  无特殊定位,根据HTML定位规则载文档流中分配
length :  由浮点数字和单位标识符组成的长度值 | 或者百分数。必须定义position属性值为absolute或者relative此取值方可生效。
 
说明:
 
检索或设置对象与其最近一个定位的父对象右边相关的位置。
 
示例:

1 div { position: absolute; right: 1in; }
2 div { position:relative; top:-3px; right:6px; } 

bottom                        版本:CSS2  兼容性:IE5+ 继承性:无

语法:
 
bottom : auto | length
 
参数:
 
auto :  无特殊定位,根据HTML定位规则载文档流中分配
length :  由浮点数字和单位标识符组成的长度值 | 百分数。必须定义position属性值为absolute或者relative此取值方可生效。

说明:
 
检索或设置对象与其最近一个定位的父对象底边相关的位置。
 
示例: 

1 div { position: absolute; bottom: 1in; }
2 div { position:relative; bottom:6px; }

left                                 版本:CSS2  兼容性:IE4+ NS4+ 继承性:无
 
语法:
 
left : auto | length
 
参数:
 
auto :  无特殊定位,根据HTML定位规则载文档流中分配
length :  由浮点数字和单位标识符组成的长度值 | 百分数。必须定义position属性值为absolute或者relative此取值方可生效。
 
说明:

 
检索或设置对象与其最近一个定位的父对象左边相关的位置。 
 
示例: 

1 div { position: absolute; left: 1in; }
2 div { position:relative; top:-3px; left:6px; } 

 

 

posted on 2007-02-05 12:46  jeffery0101  阅读(243)  评论(0编辑  收藏  举报