box3不设置position:relative 不行吗?

Question

box3不设置position:relative

box4设置position:absolute

结果如下图:

box4是box3的子元素,已经可以相对于box3定位了,为什么还要把box3也设置一下?

Answer 1

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

Answer 2

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