Position absolue n'est pas de travail
Je suis en train de placer une div avec l'id 'absPos' en position absolue par rapport à sa mère div. Mais il n'est pas de travail, la div est placé dans le coin supérieur gauche de la page.
Mon exemple de code est comme suit
<html>
<body>
<div style="padding-left: 50px;">
<div style="height: 100px">
Some contents
<div>
<div style="height: 80px; padding-left: 20px;">
<div id="absPos" style="padding: 10px; position: absolute; left: 0px; top: 0px; background-color: red;"></div>
Some text
</div>
</div>
</body>
</html>
Pouvez-vous m'aider à résoudre ce problème.
Dans mon cas, au lieu de l'arrière-plan rouge de la couleur que j'ai à la place une image de fond.
Ce qui concerne
OriginalL'auteur Ram | 2010-09-30
Vous devez vous connecter pour publier un commentaire.
Éléments à positionnement absolu sont positionnés de leur
offsetParent
, l'ancêtre le plus proche qui est aussi positionné. Dans votre code, aucun des ancêtres sont "placés" éléments, de sorte que le div est déduite à partir de l'élément de corps, qui est l'offsetParent
.La solution est d'appliquer
position:relative
à la div parent, qui l'oblige à devenir un élément positionné et l'enfantoffsetParent
.OriginalL'auteur Andy E
Si vous placez un élément de position absolue, vous avez besoin de l'élément de base pour avoir une position de valeur autre que la valeur par défaut.
Dans votre cas, si vous modifiez la valeur de la position de la div parent de "relatif", vous pouvez résoudre le problème.
OriginalL'auteur Arun P Johny
Vous devez déclarer le div parent soit
position: relative
ouposition: absolute
lui-même.relative
est ce que vous cherchez dans ce cas.OriginalL'auteur Pekka 웃
Vous avez besoin de donner div parent
relative
position première:OriginalL'auteur Sarfraz
Vous pouvez également Appliquer des Position:absolute à la Div Parent. Total Code ci-dessous
OriginalL'auteur Rajasekar
Si, comme moi, vous étiez à la position d'un élément sur un autre élément, l'élément flottant doit être à l'intérieur de l'autre, non pas comme frères et sœurs. Maintenant, votre
position:absolute;
!OriginalL'auteur Mike GB