为什么position: absolute的包含块是第一个非static的祖先？

Question

position: static;的祖先元素为何不能作为position: absolute;的参照系？
这个规定背后的原理是什么呢？

Answer 1

position 的默认值就是 static，如果可以作为 absolute 的 offset parent，那 position 定位体系就完全失去了魔力。跨 DOM 层级脱离文档流定位就没法实现了，你永远被你的父元素束缚住了。

你如果希望内部的 absolute 直接被父元素束缚，加一个 position: relative 不设置 top right bottom left 是完全没有任何副作用的，效果和 static 一样，只是多了一个束缚内部 absolute 元素的能力。