CSS绝对定位，什么是“非静态定位祖先”？

Question

所以一直关注this tutorial，对相对定位和绝对定位有更清晰的认识。大多数事情都很清楚，但在文章结尾处它说 关于绝对定位。

..它并不总是默认位于浏览器窗口的左上角。 相反，什么位置：绝对；真正做的是定位元素 相对于它的第一个非静态定位的祖先（继承 也不算）...

有人可以用外行的话来表达。 谢谢

Answer 1

非静态定位元素是指将position 属性设置为static 以外的任何值的元素（这是默认值）。

例如：position: relative || absolute || fixed

如果没有找到这样的定位祖先，absolute 定位元素将相对于窗口定位。