本课要点：

要实现复杂的网页布局，少不了定位。

CSS有关定位的属性包括position、z-index（层叠顺序）、top、left、right、bottom和clip。

position属性的取值及其含义：

一、静态定位（static）

          --默认值，没有特殊的定位含义

二、固定定位（fixed）

           --元素被固定在屏幕的某个位置，不随滚动条滚动

三、相对定位（relative）

          通过设置top、bottom、left、right的值，使容器相对于它的原始位置进行移动，而该容器的原始位置的空间仍然保留。

四、绝对定位（absolute）

    通过设置top、bottom、left、right的值，使容器相对于它的最近已定位的祖先元素进行移动，如果文档中没有已定位的祖先元素，那么它的参照物是浏览器的左上角。

五、层叠（z-index）

       z-index属性用于设置元素的堆叠顺序。     

      对于同级元素，z-index大的元素会覆盖z-index小的元素

仅在当前容器使用了position属性，且属性值为relative、absolute或fixed时生效。

六、例题