CSS HTML垂直自动大小和按需滚动

Question

所以这就是我想做的事情： 让我们有一个固定大小的列。列的高度应占用父级的大小。

在列中，我有两个垂直堆叠的div。它们的宽度都占据了列宽。第一个div的高度是固定大小。然而第二个是可变的，从父母那里拿走剩余的东西。而且它的内容是可变的。如果其内容很大，则应显示垂直滚动条。

如何使用HTML和CSS执行此操作？

Here's a quick JSFiddle POC.

我的问题是，如果我将第二个divs高度设置为auto，它将在其父级之外延伸。如果我将其设置为100％，它将再次大于其父级。滚动条只显示第二个div而不是主div本身很重要。

谢谢，

Answer 1

以下是我要做的事情：

http://jsfiddle.net/Tfzhm/1/

将position:relative添加到container div，然后制作可滚动的div position:absolute。顶部应设置为与第一个堆叠div的高度相同的像素数。最后，设置bottom:0px，使其到达包含div的底线。