如何使绝对定位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;你的#outerdiv.写这样的

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

检查这个http://jsbin.com/ifuxum/2/edit#html,live