0 Comments

详解CSS定位语法应用(2)

发布于:2013-08-19  |   作者:广州网站建设  |   已聚集:人围观
三、CSS定位:top

 

◆语法:

top:auto|length

◆取值:

auto:默认值。无特殊定位,根据HTML定位规则在文档流中分配。

length:由浮点数字和单位标识符组成的长度值|百分数。必须定义position属性值为absolute或者relative此取值方可生效。
广州网站建设,网站建设,广州网页设计,广州网站设计

◆说明:

检索或设置对象与其最近一个具有定位设置的父对象顶边相关的位置。

此属性仅仅在对象的定位(position)属性被设置时可用。否则,此属性设置会被忽略。此属性对于currentStyle对象而言是只读的。对于其他对象而言是可读写的。对应的脚本特性为top。其值为一字符串,所以不可用于脚本(Scripts)中的计算。请使用style对象的posTop,pixelTop等运行时特性,以及对象的offsetTop等特性。

◆示例:

以下是引用片段:


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

四、CSS定位:right

◆语法:

right:auto|length

◆取值:

auto:默认值。无特殊定位,根据HTML定位规则在文档流中分配。

length:由浮点数字和单位标识符组成的长度值|百分数。必须定义position属性值为absolute或者relative此取值方可生效。

◆说明:

检索或设置对象与其最近一个具有定位设置的父对象右边相关的位置。

此属性仅仅在对象的定位(position)属性被设置时可用。否则,此属性设置会被忽略。此属性对于currentStyle对象而言是只读的。对于其他对象而言是可读写的。对应的脚本特性为right。其值为一字符串,所以不可用于脚本(Scripts)中的计算。请使用style对象的posRight,pixelRight等运行时特性。
广州网站建设,网站建设,广州网页设计,广州网站设计

◆示例:

以下是引用片段: 


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