div位置绝对位于另一个延伸的div内

Question

我写了下面的代码，但由于某种原因，我不能让盒子高度伸展我已经使用溢出但没有:(

一旦我删除了content_body的绝对位置，那么内容div就会延伸。

#content{
    background-image:url(../../../images2/bg.png);
    width:1001px;
    height:auto;
    padding-left: 10px;
    overflow:auto;
    padding-top:16px;
}
#content_body{
    position:absolute;
    z-index:6;
    overflow:auto;
}

<div id="content">
    <div id="content_body">Hello World!</div>
</div>

Answer 1

我不会使用position:absolute而是使用position:relative，因为绝对定位元素没有高度或宽度。

您可以在div上指定高度。例如height:100px

Answer 2

使用position：relative而不是position：absolute ... content_body size将根据内容增加.... see this fiddle...