相对定位和绝对定位固定定位

相对定位

position:relative
1 相对于自己原来的位置进行定位
2 如果只加了相对定位，没有加具体的位置，那么，对这个元素没什么影响
3 配合left，right,top,bottom使用
4 提升层级 z-index 只用在加了定位的元素上

应用：

想把下面的盒子盖住上面盒子的话，
给上面盒子设置
position:relative
z-index:-99；
定位 优先级结合使用

绝对定位

position:absolute
相对于相对父元素的定位
1 如果只给这个元素添加绝对定位，父元素（父元素的父元素）没有加相对定位，那么是相对于初始包含块定位，根据用户代理的不同，初始包含块可能是html也可能是画布
2 通常绝对定位要配合相对定位使用，给子元素加绝对定位，父元素加相对定位（子绝父相）。如果父元素身上有其他定位也可以（相对定位，绝对定位，固定定位）
3 配合left right,top,bottom使用
4 提升层级
注意：有绝对定位的元素，给父元素加相对定位有用，给兄弟元素加相对定位无用。

固定定位

1 相对于浏览器窗口定位 即使窗口上下滑动，固定定位的元素仍旧不动
2 配合left right,top,bottom使用
3 提升层级

注意：

绝对定位 固定定位会让元素脱离文档流。