position、z-index、top、right、bottom和left属性

一、Position

1、语法：position:static/ absolute / fixed / relative

2、参数：

（1）static：默认值，无特殊定位，对象遵循HTML定位规则。

（2）absolute：将对象从文档流中拖出，使用left，right，top，bottom等属性相对于其最接近的一个最有定位设置的父对象进行绝对定位。如果不存在这样的父对象，则依据body对象。而其层叠通过z-index属性定义。

（3）relative：对象不可层叠，但将依据left，right，top，bottom等属性在正常文档流中偏移位置。

（4）fixed：对象定位遵从绝对（absolute）方式。

3、说明：

对象的定位方式。

设置此属性值为absolute会将对象拖离出正常的文档流绝对定位而不考虑它周围内容的布局。假如其他具有不同z-index属性的对象已经占据了给定的位置，他们之间不会相互影响，而会在同一位置层叠。

此时对象不具有外边距margin，但仍有内边距padding和边框border。

对应的脚本特性为：position。

4、示例：

5、提示：

（1）由上面的例子可以看出，只有position属性值为absolute或relative时top、right、bottom、left才有效。

（2）目前还不支持position:fixed的属性值。