html - CSS 绝对位置，div 的左上角在父元素的右上角

Question

我想绝对定位一个 div，使 div 的左上角连接到父 div 的右上角（相对定位）。

你有什么解决办法吗？

这是一个开始的小提琴

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