Html 带位置的DIV:absolute是否动态扩展到视口底部？

是否可以使用position:absolute指定DIV的最大高度，这样，如果DIV向下越过视口，就会出现一个滚动条？ 也就是说，对于用户“overflow-y:scroll；”而不必静态指定高度？（这样，即使调整窗口大小，也能正常工作。）

我的意思是： （另见下文）

注：我可以用JavaScript解决这个问题，我对纯CSS解决方案感兴趣，如果有的话

谢谢

div{
边框：1px纯红；/*仅用于查看div的确切位置*/
保证金：5px；/*同上*/
}
.漂浮在内容之上{
位置：绝对位置；
最大高度：100px；
overflow-y:滚动；/*仅适用于静态最大高度*/
z指数：10；
背景色：白色；
}

这个位置在绝对位置之上
使其精确到达底部

使其精确到达底部

这一个是“后面”的位置：绝对一（它部分涵盖了这一个）

特马尼在评论中说的话。使用“计算”功能和视口的视图高度（vh）。查看下面的代码片段。我添加了一个按钮，该按钮将向元素添加更多的文本行，您可以看到它将展开以适应视口，溢出将成为滚动内容

document.getElementById（“添加行”）.addEventListener（“单击”，函数（）{
document.getElementById（“内容上方的浮动”）.insertAdjacentHTML（“afterbegin”，“使其精确到达底部
”）；
});
div{
边框：1px纯红；/*仅用于查看div的确切位置*/
保证金：5px；/*同上*/
}
#漂浮在内容之上{
位置：绝对位置；
最大高度：计算（100vh-47.4px）；
overflow-y:滚动；/*仅适用于静态最大高度*/
z指数：10；
背景色：白色；
}
#添加行{
位置：固定；
右：0；
宽度：200px；
高度：20px；
背景色：#0f0；
}

这个位置在绝对位置之上
使其精确到达底部

使其精确到达底部

这一个是“后面”的位置：绝对一（它部分涵盖了这一个）
单击以添加一行
如果您知道上部元件的高度，您可以执行最大高度：计算（100vh-h）；其中h是已知的高度hi@TemaniAfif，不幸的是我不知道上部元素的高度。（在现实生活中，它甚至不仅仅是一个DIV，而是上面更多的内容。）通过JS获得它是唯一的选择吗？实际上，我没有看到任何纯CSS解决方案，但请继续等待，可能有人会带来一些魔力；）