如何使絕對定位div的寬度與其父div相同？

Question

我想在浮動div內顯示一個絕對定位的div。 這是我的HTML到目前爲止。

#outer 
{ 
    float:left; 
    width:500px; 
    border: 1px solid red; 

} 

#inner 
{ 
    left:0; 
    position:absolute; 
    border: 1px solid black; 
    width:100% 
} 


<div id='outer'> 
    <div id='inner'> 
     some text inside div 
    </div> 
</div> 

我有一個外部的div，其寬度設置爲其父div的百分比。 '外部'div包含一個絕對定位的'內部'div。 我想讓內部div的寬度與外部div不一樣，有人可以提出一種方法來做到這一點？

Answer 1

給position:relative;給#outer div。這樣寫

#outer 
{ 
    float:left; 
    width:500px; 
    border: 1px solid red; 
    position:relative 
} 

檢查這個http://jsbin.com/ifuxum/2/edit#html,live

Answer 2

#inner 
{ 
    left:0; 
    right:0; 
    position:absolute; 
    border: 1px solid black; 
}