绝对定位absolute与相对定位

绝对定位absolute

1、脱离页面不占位置

注意：这种不占位置，并不是直接浮到开头。而是之后的元素会忽略绝对定位的标签

2、定位参考系

• 说明
  • 若父元素没有relative、absolute等属性，则往上找参考系，直到找到body。然后以这个参考系为（0，0）点进行定位。
  • 若不写top、left偏移量，则默认top0，left0
  • 也可以写bottom、right属性，即理父元素下面和右面的距离，默认按默认top0，left0定位
  • 绝对定位会脱离父元素。
    
    

相对定位

1、占位置

2、定位参考系

• 说明
  • 相对定位参考标准是按照他本来应该在的位置进行偏移