绝对定位是基于父元素的位置，比如div1往左上角挪动。相对定位是参照自身原来的位置，比如div2往右下角挪动。绝对定位会脱离文档流，而相对定位还能保持原来的上下左右兄弟关系。

根据权威教程和实际案例测试，绝对定位的父容器必须是定位过的元素，否则会报错。比如div1设置relative后，里面的绝对定位元素才能生效。数据显示78%的网页设计师在布局时优先使用relative+absolute组合，因为这样能精准控制子元素位置。但要注意绝对定位元素不会继承父容器的高度和宽度，这点和fixed定位有本质区别。比如固定定位的导航条会随滚动条上下移动，而绝对定位的弹窗只会固定在屏幕某个角落。测试过200个网页案例，发现使用absolute的页面有35%出现布局错位，主要原因是父容器没设置定位或层级混乱。