absolute 是相对于最近的已定位祖先元素进行定位，relative 则是基于元素自身原始位置进行偏移，fixed 则始终相对于浏览器视口进行固定定位。

1、 创建两个正方形元素。

2、 相对定位会在不脱离文档流的前提下，依据原位置做位移调整。

立即学习“前端免费学习笔记（深入）”；

3、 绝对定位会使元素完全脱离标准文档流，不再占据原有空间。

4、 通过调整透明度，增强图层叠加时的视觉辨识度。

5、 进一步展示绝对定位在不同上下文中的实际应用效果。

6、 相对定位兼容从左至右（LTR）的排版方向，适用于主流语言布局。

7、 展示多种典型场景下的绝对定位组合方式。

8、 fixed 定位确保元素在页面滚动过程中始终保持在视口指定位置。