Css布局:position的定位方式

最近看到有人来面试,当问道position:absolute是如何定位时,总是答到

相对于`position:relative`来定位

好吧,我必须承认,绝大多数情况下,我们都是这样做的,所以看起来也就是这样了。
但,实际上,标准上写的是相对于第一个position不等于static的元素,如果没有这个元素,就相对于body

我觉得弄懂标准是一个前端必须的技能,就像在打字的时候就键盘的按键都处于什么位置,而不是按下去试一试才知道按下的是什么。

了解这个问题,可以在调试的时候少几次尝试和迷茫。