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

Question

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

定位元素加入position:absolute;

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

Answer 1

絕對定位與相對定位組合使用？ -PHP中文網路問答-絕對定位與相對定位組合使用？ -PHP中文網問答

圍觀一下哦，學習一下。

Answer 2

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