css - div样式布局问题

问题描述

问 题

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

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

解决方案

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

这篇关于css - div样式布局问题的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！