css - div创建滚动条

Question

http://jsfiddle.net/yDx55/

最后一个 div 的高度应该是 100%，但我希望它只显示到页面末尾，而不是超出创建滚动条的范围。当 div 中的数据超出 div 的末尾时，我希望它扩展，但如果内容很少，则不会。

|xx    |
|xx    |
|______|

这就是我希望内容不多时的样子。

但是当内容很多的时候，我希望是这样的:

|xx     |
|xx     |
|xx     |
|xx_____| << The point where if the content exceeds this, then a scroll bar comes up
|xx     |
|xx     |
|_______|

所以基本上，如果 div 中的内容穿过页面，滚动条应该出现，否则滚动条不应该出现。

请帮忙

Answer 1

假设您始终知道前两个元素的高度(在您的示例中您知道)，您可以使用 overflow: auto 将最后一个元素绝对定位在页面底部以提供滚动必要时酒吧:

#last_div {
    position: absolute;
    top: 187px;
    bottom: 0;
    overflow: auto;
}

JSFiddle:http://jsfiddle.net/yDx55/2/