css - 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 的大小将根据内容增加...。看这个小提琴...