html - 将内部 div 宽度设置为等于外部 div 的宽度

Question

我有几个 div 绝对定位在父 div 中。我已将固定宽度设置为父 div。内部 div 的宽度设置为 100%。

但是内部 div 占据了整个浏览器宽度。我希望内部 div 与父 div 一样宽。

我怎样才能做到这一点？ (不改变绝对定位)

我的 HTMl 的一部分:

<div class="holder">
    some</br>
    sample</br>
    text    
</div>

CSS:

.parent{
width:250px;
}

.holder {
position: absolute;
width: 100%;
background-color: #ccc;
}
</div>

这是 fiddle :http://jsfiddle.net/EUtLh/98/

Answer 1

设置父div的相对位置或绝对位置

.parent {
    width:250px;
    positon: relative;
}