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

Question

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

定位元素加入position:absolute;

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

Answer 1

Positionnement absolu et positionnement relatif combinés ? -Questions et réponses sur le site Web chinois PHP - Utiliser le positionnement absolu et le positionnement relatif en combinaison ? - Questions et réponses sur le site Web chinois PHP

Veuillez regarder et apprendre.

Answer 2

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