定位：
定位使用position属性来控制元素显示的位置
定位有三种：相对定位，绝对定位、固定定位。
可选值：
static
relative
absolute
fixed
z-index：
元素开启定位后可以用z-index设置元素的层级
相对定位：
一个元素相对于自然位置进行移动叫相对定位，周围元素不会受影响，真实位置还在原来的地方
相对定位会提升元素的层级
绝对定位是可以设置left、right、top、bottom属性的需要参照物，它的参照物是相对于它的父元素来定位。
绝对定位：
绝对定位会完全脱离原位置，会使行内元素变为块元素
如果想为元素设置层模型中的相对定位，需要设置position:relative（表示相对定位），它通过left、right、top、bottom属性确定元素在正常文档流中的偏移位置。
固定定位：
元素被设置position：fixed后，与绝对定位一样，该元素完全脱离文档流，然后设置left，right，top，bottom的值来确定元素的位置
与绝对定位不同的是，fixed相对的移动坐标是body
拖动浏览器滚动条，其在视图中的位置不变。
作业：
