html - 如何使绝对定位的div的宽度与其父div的宽度相同？

Question

我试图在 float 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