内部DIV位置包含DIV - 内部DIV尺寸未知 - 需要CSS解决方案

Question

如何将绝对定位的DIV定位在相对定位的DIV内，其中内部DIV应出现在外部DIV的左上侧。

我的问题是内部DIV的大小仍然未知。我希望内部div的整个宽度位于外部DIV外部的左上角，包括外部DIV可能具有的任何填充。

这里是什么，我想实现一个例证：

这也许可以用jQuery做的，但我希望有一个CSS的解决方案。它只会在webkit浏览器上运行，所以不需要Internet Explorer支持。由于

Answer 1

你可以只用CSS实现这一点：

<div class="outer"> 
<div class="inner"> 
</div> 
</div> 

诀窍是应用right: 100%;

.outer { 
    background: #333; 
    width: 100px; 
    height: 100px; 
    position: relative; 
    margin: 0 auto; 
} 

.inner { 
    position: absolute; 
    background: red; 
    width: 50px; 
    height: 50px; 
    top: 0; 
    right: 100%; 
} 

一个例子：http://jsfiddle.net/H7QAe/