绝对定位与相对定位组合使用？

Question

参照定位的元素加入position:relative;

定位元素加入position:absolute;

为什么这样就能相对于参照元素来定位了，怎么理解，原理是什么？

Answer 1

Absolute positioning and relative positioning combined? -PHP Chinese website Q&A-Using absolute positioning and relative positioning in combination? -PHP Chinese website Q&A

Please watch and learn.

Answer 2

其实如果仅仅只是用来确保定位元素随着参照定位的元素移动而移动，只要保证参照定位的元素是定位元素的前辈元素，并且定位元素加入position:absolute;，至于参照定位的元素是position:relative;还是position:absolute;都无所谓。可以这么理解，绝对定位会飘起来；相对定位创建了一个副本，让副本飘起来，而本身隐形。