div样式布局问题

Question

有这样个布局，上面的div固定高度，下面的div高度不固定，但是要充满下面的空间。
而不知道外层红色div高度，是根据窗口的高度改变而改变。
要下面那个蓝色的div自适应高度，当下面div中的内容溢出时显示滚动条。

这个需求该怎么实现，要求css

Answer 1

.red-div {
    position:relative;
}
.blud-div-bottom {
    position:absolute;
    top: 上面div的高度;
    bottom: 0;
    width: 100%;
    overflow-y: auto;
}