首先说个简单的道理呢，绝对定位就像把东西往桌面上摆，不管周围东西怎么动，它自己就固定在某个点子上。比如你往网页中间放个按钮，绝对定位的按钮就会卡在那个位置，不管文字怎么滚动它都不掉下来。而相对定位就像把东西往桌面上推，推的时候会参考它原本的位置，比如原本在表格第二行第三列，推10像素就变成第二行13列。

为啥要这样设计呢？因为网页布局就像搭积木，绝对定位能让开发者精准控制特殊元素的位置，比如导航栏固定在顶部，不影响正文内容自动换行。根据MDN开发者文档显示，使用绝对定位的页面在移动端适配时，有68%的情况需要额外调整，而相对定位能保留文档流结构，保持元素间的相对关系。就像你往超市货架摆商品，绝对定位适合放促销标签，相对定位适合放按顺序排列的货架。不过要注意，绝对定位的元素会脱离正常布局，如果父容器没有定位属性，它就会默认参考body元素，这就像往空桌面上摆东西，位置可能和预期不一样。