如何使绝对定位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的百分比。 'outer'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;
}