Question

I have a problem with css.
I have (parent) div and inside, another (child) div.
I want align inner (child) div to the TOP-RIGHT corner of the (parent) div.

<div id="parent">

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

</div>

I need something like:

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

but this css code puts my “child” div into top-right corner of body element!

Please help, TNX! 🙂

Answer 1

Your parent container needs to be set as relative positioning.

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