html - 如何使 div 具有可变宽度以填充父级的其余部分并在必要时使自身可滚动

Question

我创建了这个布局 http://jsfiddle.net/6GVSu/这个想法是有一个居中的容器，它可以有可变的宽度，这取决于它的内容。这工作得很好，但在这个容器中，我希望标题部分始终保持在顶部，而主体容器应该填充居中父级的其余部分，并在需要时显示滚动条。

现在我有点卡住了，我试图让这个主体容器绝对定位并在父容器内拉伸(stretch)它，但它会取消水平拉伸(stretch)父容器的可能性。

当我在没有定位的情况下离开它时，它会像 fiddle 一样填充其父级的其余部分，但最终不会显示滚动条。

所以有人可以给我一些建议吗？

谢谢

Answer 1

你没有在“body”类上设置高度

.body
{
    overflow:auto;
    height: 300px;
}

去掉“innerPositionDiv”元素上的高度

Updated Fiddle