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

Question

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

现在我有点卡住了，我试图制作这个身体容器absolute positioned并在父级内拉伸它，它会取消它水平拉伸父级的可能性。

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

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

谢谢

score 1 · Accepted Answer

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

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

去掉“innerPositionDiv”元素的高度

score 0 · Accepted Answer

您需要设置<div class="body"></div>& 设置它的高度 `overflow-y: scroll' 检查这个：http: //jsfiddle.net/6GVSu/3/ 更新

.body
{
    height: 100%;
    overflow-y:auto;
}

2 回答 2