Problème avec positionnement div en css

Question

J'ai un problème avec css. J'ai (div) div et à l'intérieur, un autre (enfant) div. Je veux aligner la division interne (enfant) vers le coin TOP-RIGHT du div (parent).

<div id="parent"> 

    <div id="child"> 
    </div> 

</div> 

je besoin de quelque chose comme:

#child{ 
    position: absolute; 
    top: 0; 
    right 0; 
} 

mais ce code css met mon div "enfant" en haut à droite de l'élément de corps!

Aidez-nous, TNX! :)

Answer 1

Votre conteneur parent doit être défini comme positionnement relatif.

#parent {position:relative} 
#child {position:absolute; top:0; right:0} 

Answer 2

Définissez le style de #parent à position: relative

Answer 3

#parent{ 
background-color:#FF0000; 
    position: absolute; 
    height:200px; 
    width:500px; 
} 


#child{ 
background-color: #3300FF; 
    position: absolute; 
    height:50px; 
    width:100px; 
    top: 0; 
    right:0; 
} 

<div id="parent" >div1 
    <div id="child">DIV2 
    </div> 
</div> 

Answer 4

#child{ 
    float:right; 
} 

<div id="parent" >Parent 
    <div id="child">Child 
    </div> 
    <div style="clear:both;"></div> 
</div>