Positionnement DIV absolu - maintien de la position après le redimensionnement de la fenêtre du navigateur

Question

Je montre des div avec une position absolue.

.my_label{ 
     list-style:none; 
     list-style-type:none; 

     position:absolute; 
     top:2px; 
     left:10px; 
     width:20px; 
     height:20px; 

     background-color:#FF1021; 
} 

Une fois que j'ai redimensionné la fenêtre du navigateur, tous ces divs restent à la même position. et ils ne sont plus absolus pour les éléments parents. Je veux qu'ils restent en relation avec les objets environnants. devrais-je utiliser la position "relative" ou existe-t-il un autre moyen? (Également jQuery est la bienvenue)

merci beaucoup

Answer 1

Pour une position d'élément absolument son parent, le parent doit être réglé sur position:relative.

Par exemple:

<div id="parent" style="margin:0 auto; width:500px; position:relative;"> 
    <div id="child" style="position:absolute; top:10px; left:10px;"></div> 
</div> 

Cela ne doit pas être le parent direct, lorsque vous définissez le positionnement absolu l'élément positionnera de l'ancêtre le plus proche avec un positionnement fixe.

Answer 2

parent doit avoir la position: relative; (ou un autre positionnement en dehors de statique) de sorte que son enfant peut être positionné absolument par rapport à eux.

Answer 3

Vous devez donner votre div parent position:relative et votre enfant div position absolute

Vérifiez exemple de travail à http://jsfiddle.net/remYW/