定位总结

定位总结
定位总结：
1.如何设置定位
position:relative(相对定位)
position:absolute(绝对定位)
position:fixed(固定定位)
position:sticky(粘性定位)
position:static(静态定位)

参考物：
1. relative(相对定位)----自己（保持在原来的位置）
absolute(绝对定位)----离该元素最近的那个定位了（position:relative/absolute/fixed/sticky/static）的祖先元素。若所有祖先元素均为设置定位，那么定位的参照物是body。
fixed(固定定位)

**2.**定位的偏移值
(1)relative(相对定位)----无偏移值的时候，元素保持在自己原来位置不变
(2)absolute(绝对定位)----无偏移值的时候，元素保持在自己原来位置不变
需要设置偏移值：top: right: bottom: left:

**3.**定义对兄弟的影响
(1)相对定位——元素不脱离普通文档流，后面的兄弟没有影响
(2)绝对定位——元素脱离普通文档流，后面的兄弟认为该元素不存在，所以往前移动顶替定位元素的位置

**4.**定义对父元素的影响
(1)相对定位——无影响
(2)绝对定位——在父元素高度未设置的情况下，父元素高度会塌陷，无挽救措施。

**5.**定位对边距的影响
无论相对定位还是绝对定位，自身的padding和margin均有效。
**6.**绝对定位元素层（堆）叠顺序
z-index:负整数——正整数，取值越大离眼睛越近。