CSS 中相对定位和绝对定位的基准各是什么？请举例说明。

回答思路

1. 说明相对定位相对于元素自身原位置偏移
2. 说明绝对定位相对于最近的已定位祖先（非 static）定位，若无则相对于初始包含块（视口）
3. 区分 top/left 等属性在不同定位下的作用
4. 能举例说明二者结合使用的场景