第七章 定位

position:static | relative | absolute | fixed;
         静态      相对        绝对        固定

以top描述，它的参考点是以body的（0，0）为参考点
以bottom描述，它的参考点是以浏览器的左下角为参考点

以最近的父辈元素的左上角为参考点进行定位

1.脱标
2.压盖
3.子绝父相

1.脱标
2.固定不变
3.提高层级

参考点：
    以浏览器的左上角为参考点

z-index只应用在定位的元素，默认z-index:auto;
z-index取值为整数，数值越大，它的层级越高
如果元素设置了定位，没有设置z-index，那么谁的样式写在最后面的，表示谁的层级越高。(与标签的结构有关系)
从父现象。通常布局方案我们采用子绝父相，比较的是父元素的z-index值，哪个父元素的z-index值越大，表示子元素的层级越高。