css——position

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属性是无效的。