为什么容器内的绝对定位要求容器是相对的

Question

对我来说没有意义。

如果我想留下一个div：20px; top：距容器边缘20px，我应该可以做一些像position：absolute-within-parent;。定义孩子的定位不应该要求修改父母。

至少它似乎更模块化，并且以这种方式脱钩。作为一名程序员，我被教导要对此着迷。

Answer 1

绝对定位是相对于称为包含块的东西。包含块是最接近的父级，具有相对或绝对定位（如果找不到其他内容，则可以是body元素）。这允许您相对于任何一个父元素定位元素。 absolute-within-parent会限制您只能相对于其直接父级绝对定位元素，这并不总是您需要的。