Maison >interface Web >tutoriel CSS >Pourquoi ma division absolument positionnée ne bouge-t-elle pas ?
Pourquoi ma division absolument positionnée ne bouge-t-elle pas ?
- Linda Hamiltonoriginal
- 2024-11-30 03:48:14639parcourir
Le positionnement absolu ne fonctionne pas
Dans une tentative de positionner un div avec l'ID "absPos" de manière absolue dans son div parent, un développeur a rencontré un problème où le div restait en haut à gauche de la page coin.
Explication :
Les éléments avec un positionnement absolu sont déplacés en fonction de leur offsetParent, qui est l'ancêtre positionné le plus proche. Dans l'exemple de code fourni, aucun ancêtre n'avait d'éléments « positionnés », ce qui entraînait le décalage du div par rapport à l'élément body, son offsetParent.
Solution :
Pour rectifier ce problème, position:relative doit être appliqué au div parent. Cela le transforme en élément positionné et l'établit comme offsetParent pour son enfant.
Code modifié :
<html>
<body>
<div>Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!