转载

position 定位方式

position 设置对象的定位方式

语法:

position : static | absolute | fixed | relative

参数:

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

通过使用 position 属性,我们可以选择以上 4 种不同类型的定位,这会影响元素框生成的方式。

说明:

检索对象的定位方式。
对应的脚本特性为 position

示例:

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

提示:相对定位实际上被看作普通流定位模型的一部分,因为元素的位置相对于它在普通流中的位置。

正文到此结束
Loading...