p class="Absolu" style="background:#af0;top:50%; left:50%";
les dimensions de ce bloc sont données dans la feuille de style interne width:500px; height:200px
CONSTAT : L'angle haut-gauche de l'élément en absolu est positionné au centre de l'élément parent en position relative.
p class="Absolu" style="background:#af0;top:50%; left:50%"
Dans le style en ligne de l'élément enfant en absolu, ajoutons maintenant les propriétés margin-left : -250px; margin-top : -100px.
Ces valeurs négatives sont égales à la demi-largeur et à la demi-hauteur de l'élément en absolu.
CONSTAT : L'élément en absolu est maintenant centré dans l'élément en relative.
Si l'on fait varier la largeur ou la hauteur de l'élément parent en relative, l'élément enfant en absolu reste néanmoins centré.
p class="Absolu" style="background:#af0;top:50%; left:50%"
Si l'on fait varier la largeur ou la hauteur de l'élément parent en relative, width:800px; height:300px, l'élément enfant en absolu reste néanmoins centré.