Html-position笔谈

First,position是html用来定位的，一般会与z-index相互使用

Second,position有五个属性

1. relative 相对定位（相对自己的位置移动）：移动定位用left，right，top，bottom、没有脱离文档流，一般父元素设position：relative，子元素为position：absolute。
2. absolute 绝对定位，脱离文档流，相对于浏览器定位，更相对于static定位以外的第一个父元素定位。而相对于父元素定位我们要做到就是父元素relative，子元素absolute。
3. fixed 相对浏览器定位，脱离文档流，不受滚动条影响，这次是真正的“绝对”
4. static 正常定位，默认
5. inherit 不常用，规定从父元素继承position

z-index：设置元素的堆叠顺序，仅能在定位元素奏效。值高在最前，值低在最后。
7阶层借鉴，更好理解层叠顺序

当两元素层叠相同时，遵循：后来居上，谁大谁在上

以上个人理解，不对请指正，感谢