Html 绝对div中的相对div不会在溢出时滚动

我的代码中有以下结构，我不能更改绝对div或panel div，因为它是现有代码的一部分，会影响多个页面

我需要在相对div上滚动，它必须填充绝对div的底部区域-因此我不能有像素高度，因为它必须匹配用户屏幕大小

我可以在相对div中添加更多div

.absolute{
背景色：#f0；
边框：1px实心#000；
底部：0；
左：0；
溢出：隐藏；
位置：绝对位置；
排名：0；
宽度：300px；
z指数：0；
}
.小组{
最小高度：100px；
最大高度：150像素；
背景：#fff；
显示：块；
}
.亲戚{
溢出：滚动；
}
我的面板-可变高度
需要在这里滚动吗
A
A
...

我不知道如何在纯CSS中实现它。但是使用下面的jquery可以动态地将高度分配给相对高度

$(document).ready(function(){
var winhei = window.innerHeight;
var nonhei = $('.none').height();
var newhei = winhei - nonhei;
$('.relative').height(newhei);
});

---

我不知道如何在纯CSS中实现它。但是使用下面的jquery可以动态地将高度分配给相对高度

$(document).ready(function(){
var winhei = window.innerHeight;
var nonhei = $('.none').height();
var newhei = winhei - nonhei;
$('.relative').height(newhei);
});

您可以执行以下操作：

.relative {
  overflow: scroll; 
  position:absolute;
  height:calc(100% - 100px);
  width:100%;
}

您可以执行以下操作：

.relative {
  overflow: scroll; 
  position:absolute;
  height:calc(100% - 100px);
  width:100%;
}

---

面板可以固定高度吗？面板可以固定高度吗？这对我很有用。你能描述一下发生了什么吗？这对我很有效。你能描述一下发生了什么事吗？