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

Je suis l'affichage des divs avec la 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 re-taille de la fenêtre du navigateur, tous ces divs rester à la même position. et ils ne sont pas absolus pour le parent des éléments de plus.
Je tiens à rester en relation avec les objets environnants. dois-je utiliser la position "relative" ou est-il un autre moyen? (également jQuery est la bienvenue)

merci beaucoup

OriginalL'auteur | 2011-04-06

  1. 11

    De prendre une position de l'élément absolument à celle du parent, le parent doit être mis à 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>

    Ce ne doit pas être le parent direct, lorsque vous définissez le positionnement absolu de l'élément de la position de l'ancêtre le plus proche avec un ensemble de positionnement.

    ah, parent, parent, enfant absolue. grâce shanethehat
    Croyez-vous que j'ai été à la recherche pour plus de 2 heures, et votre réponse est la RÉPONSE ! plus un!

    OriginalL'auteur shanethehat

  2. 2

    parent doit avoir la position:relative; (ou un autre positionnement en dehors de la statique), de sorte que c'est l'enfant peut être en position absolue par rapport à eux.

    OriginalL'auteur Headshota

  3. 2

    Vous avez besoin de donner votre mère div position:relative et votre enfant div position absolute

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

    merci pour le lien.

    OriginalL'auteur Hussein