css中position的值有:relative, absolute, static(默认值),fixed,inherit
1、static
static(没有定位)是position的默认值,元素处于正常的文档流中,会忽略left、top、right、bottom和z-index属性。
2、relative
relative(相对定位)是指给元素设置相对原本位置的定位,元素并不脱离文档流,因此元素原本的位置会被保留,其他的元素位置不会受到影响。可通过z-index进行层次分级。
3、absolute
absolute(绝对定位)生成绝对定位的元素,相对于static定位以外的第一个父元素(可以称之为祖先元素)进行定位。这个父元素并不一定是其直接父元素。如果其父元素中都未定义absolute或relative,则其将相对body进行定位。可通过z-index进行层次分级。
4、fixed
fixed(固定定位)生成绝对定位,相对于浏览器进行定位。可通过z-index进行层次分级。
只有三种情况会使得元素脱离文档流,分别是:浮动、绝对定位和相对定位。
使用static定位或无position定位的元素的z-index属性是无效的。