2020-02-05（定位和层级）

position定位

• 属性书写：
  position: static / relative / absolute / fixed;

相对定位

position: relative; 相对定位

1. 不影响元素本身的特性；
2. 不会让元素脱离文档流 （元素移动后，原始位置会被保留）
3. 如果没有定位偏移量，对元素本身没有任何影响；
4. 提升层级（高于浮动元素）
5. 可以利用 top、bottom、left、right设置偏移值

！！！注意，相对定位元素的偏移量是相对于它自身原来的位置

层级z-index

同级元素情况

1. 定位会提高层级，除了static
2. 后面的定位元素层级，高于前面的定位元素层级
   嵌套元素情况
   子级的层级高于父级的层级

改变层级的属性：z-index: 1; 默认：auto;
特性：

• 只能加给定位元素
• 数值越大层级越高，可以接受负数
• 建议同级元素之间比较层级

绝对定位
position: absolute; 绝对定位