內部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/