您现在的位置: 网页制作教程网 >> 网页制作 >> css教程 >> 文章正文

详解CSS的定位语法应用

作者:天极网

来源:天极网

热度:

2007-11-30 20:26:37

  示例:

以下是引用片段:
  div { position: absolute; right: 1in; }
  div { position:relative; top:-3px; right:6px; }

  五、CSS定位:bottom

  语法:

  bottom : auto | length

  取值:

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

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

  说明:

  检索或设置对象与其最近一个具有定位设置的父对象底边相关的位置。此属性仅仅在对象的定位( position )属性被设置时可用。否则,此属性设置会被忽略。此属性对于 currentStyle 对象而言是只读的。对于其他对象而言是可读写的。对应的脚本特性为 bottom 。其值为一字符串,所以不可用于脚本(Scripts)中的计算。请使用 style 对象的 posBottom , pixelBottom 等运行时特性。

  示例:

以下是引用片段:
  div { position: absolute; bottom: 1in; } 
  div { position:relative; bottom:6px; }

  六、CSS定位:left

  语法:

  left : auto | length

  取值:

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

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

  说明:

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

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

  示例:

以下是引用片段:
  div { position: absolute; left: 1in; }
  div { position:relative; top:-3px; left:6px; } 

上一页  [1] [2] [3] 


我来说两句:

1分 2分 3分 4分 5分
姓名: *


* 请各位网友遵纪守法并注意语言文明。
网站简介 | 联系方式 | 意见建议 | 版权说明
Copyright © 2007 All rights reserved
滇ICP备06006992号