CSS学习(7)--定位属性

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 ;   }  

 

 

你可能感兴趣的:(css)