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

Question

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

定位元素加入position:absolute;

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

Answer 1

绝对定位与相对定位组合使用？-PHP中文网问答-绝对定位与相对定位组合使用？-PHP中文网问答

围观一下哦，学习一下。

Answer 2

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