CSS absolute position where top left of div is at the top right of the parent [closed]

Question

I want to absolute position a div such that the top left corner of the div is attached to top right corner of the parent div (relative positioned).

Do you have any solutions how to do that ?

Here is a fiddle to start

Answer 1

I think you want something like this

http://jsfiddle.net/kdcmq/

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


#parent {
    position: relative;
    width: 500px;
    height: 500px;
    background: red;
    display: block; /* fix for opera and ff */
}

#child {
    position: absolute;
    width: 100px;
    height: 100px;
    background: blue;
    top: 0;
    left: 100%; /* this line of code will sort things out for you :) */
}

Answer 2

Simple as this?

http://jsfiddle.net/ZeSF8/2/

CSS:

div {border:1px solid #000}
.p {
    position:relative;
    width:100px; /*width will be unknown*/
    height:80px;
    background:#999;
}

.c {
    position:absolute;
    width:40px;
    height:30px;
    background:red;
    top:0;
    left:100%;
}

​ HTML:

<div class="p">
    <div class="c"></div>
</div>​