CSS左上角的CSS绝对位置位于父级的右上角

Question

我想绝对定位一个div，使得div的左上角附加到父div的右上角（相对位置）。

你有什么解决方法吗？

这是一个fiddle开始

Answer 1

我想你想要这样的东西

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

这很简单吗？

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>​