absolute

相对于最近一层父级定位元素来定位

relative

相对自身定位
点击查看【codepen】

absoluteDiv 相对于最近一层父级定位元素，即body。body通过margin外边距来产生偏移，但是不会影响absoluteDiv的定位。 relativeDiv 则是相对自身来定位。其定位会因所有父级的定位改变而改变。 absoluteDiv2是relativeDiv内的子absolute定位元素。只会相对于relativeDiv来定位。

定位元素

  • relative
  • absolute
  • fixed
  • body