将内部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>

这里是小提琴：http://jsfiddle.net/EUtLh/98/

Answer 1

将位置相对或绝对设置为父div

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

Answer 2

设置父级的宽度为 auto，这会将父级的宽度包裹到内部 div

.parent{
  width: auto;
}