box3不设置position:relative 不行吗?

Question

box3不设置position:relativebox4设置position:absolute结果如下图:box4是box3的子元素,已经可以相对于box3定位了,为什么还要把box3也设置一下?

Answer 1

position的计算是相对于上级已定位的元素进行计算的。

不设置任何position不算已定位的元素，会继续向上查找直到符合条件的元素，或是body。

Answer 2

如果不设置box3，box4就是以body为父级，所有设置都是以body为参考的