position 定位

1、position: static

• 是position的默认值 意思的没有定位
• 也可以理解为清除定位

2、position: relative

• 相对定位
• 给元素设置相对于原本位置的定位，元素并不脱离文档流，原本的位置会被保留，其他的元素位置不会受到影响。

3、position: absolute

• 绝对定位
• 设置时注意子绝父相，就是给子元素设置绝对定位时也不要忘了给他的父级元素设置相对定位。
• 如果没有给父盒子设置相对定位的话，他就会一层一层向上找，直到找到body
• 到这时他就会基于body进行定位

4、position: fixed

• 固定定位
• fixed可以说是特殊版的absolute，因为fixed元素总是相对于body定位的。

5、position: sticky

• sticky 是一个值得注意的
• 在屏幕范围（viewport）时该元素的位置并不受到定位影响（设置是top、left等属性无效），当该元素的位置将要移出偏移范围时，定位又会变成fixed，根据设置的left、top等属性成固定位置的效果。

值得注意的 z-index

• z-index 可以设置元素的先后顺序他必须是在 position 元素上才有效 还可以设置负值