定位（position）
坑军之王
229
定位，是决定元素位置的属性，本次我们就positon属性进行简单的说明：
static：默认 没有定位样式，此时其在文档流中
fixed：固定在浏览器的某个位置不会移动，此时已经脱离文档流
absolute：绝对定位，以定位点为起点进行定位（通常是在左上方），此时已脱离文档流
relative：相对定位，以元素原本的位置进行定位,此时仍在文档流中
在确定了定位的样式后，可以使用方向+距离进行元素定位位置的设定。
|
属性 |
说明 |
|
top |
距离顶端距离 |
|
right |
距离右边距离 |
|
left |
距离左边距离 |
|
bottom |
距离底端距离 |
这个距离可以是像素、可以是rem、也可以是百分比
注意：
1、在使用position属性后，有一个属性可以决定元素的层级：z-index，数字越大，元素就越在上方
2、absolute定位其定位的基准是其父级开始使用过relative进行定位的元素，如果没有，则以根元素作为定位标准