position的值， relative和absolute分别是相对于谁进行定位的？

Question

https://www.nowcoder.com/ta/front-end-interview/review?page=9
absolute 生成绝对定位的元素，相对于 static 定位以外的第一个祖先元素进行定位。
relative 生成相对定位的元素，相对于其在普通流中的位置进行定位。
上面这两句是什么意思，谁能用白话解释下?

Answer 1

absolute 在子div，它的父div必须有个position属性不是默认static的。这样它就可以以父类为参照进行定位
relative 是以自身为参照，意思就是它原本该在什么位置，加上relative属性后，会以它原本按照文档流应该在的位置为参照进行定位