元素的定位--position

元素开启定位后，可通过left right top bottom 四个属性设置偏移量。

当元素的position值设置为relative时，开启元素的相对定位。

 1、开启相对定位后，不设置偏移量，元素不发生变化。

2、相对定位是相对于文档流中原来的位置进行定位。

3、相对定位不会使元素脱离文档流。

4、相对定位会使元素提升一个层级（会覆盖其他元素）。

5、相对定位不会改变元素的性质，块还是块，内联还是内联。

position值为absolute时，开启绝对定位：

 1、绝对定位使元素脱离文档流

2、开启绝对定位，如果不设置偏移量，则元素的位置不会发生变化

3、绝对定位是相对于离他最近的开启了定位的祖先元素进行定位。

（一般开启子元素的绝对定位都会开启父元素的相对定位）

如果所有的祖先元素都没有开启定位，则相对于浏览器窗口进行定位

4、绝对定位会使元素提升一个层级

5、绝对定位会使元素改变性质，内联变块，块元素高度宽度被内容撑开。

position值为fixed时，开启固定定位：

 1、固定定位也是一种绝对定位大部分特点和绝对定位一样。（1，2）

2、固定定位永远相对于浏览器窗口定位

3、固定定位会固定在浏览器窗口的某个位置，不会随滚动条滚动。IE6不支持。

元素的层级：

 如果定位元素层级一样，则讲究先来后到，谁结构在下边谁表现在上面。

可以通过z-index属性设置元素的层级，为z-index指定一个正整数作为值，

该值即为元素的层级，值越大，层级越高，越优先显示。

没有开启定位不能使用z-index。父元素的层级再高不会盖住子元素。