css在另一个div顶部的绝对位置 我有一个已知高度的包装橙色div，例如200px 我有一个底部红色的div，它的高度未知，例如textarea，它可以根据里面的文本调整大小 除div之外的其余空间由一个蓝色div占据，该div有一个卷轴 嗯我想在红色div的正上方放置一个绝对绿色div。我不知道它的高度。这个div的z索引应该比蓝色div的多，并且位于其底部

嗯：

• 我不能使用

  bottom:Npx

  将绿色div和红色div放在同一个容器中，因为我不知道红色div和红色div的大小
• 我不能使用

  top:Npx

  并将其放置在与orange div相同的容器中，因为如果设备高度小于200px，包装器（orange div）的已知200px高度可能会缩小
• 我无法将它放在blue div中并使其成为

  底部：0

  ，因为它有一个滚动条

.wrapper{
背景色：#ff8000；
高度：150像素；
显示器：flex；
位置：相对位置；
填充：10px；
弯曲方向：立柱；
}
.未知高度顶部{
背景色：#00ff00；
位置：绝对位置；
宽度：计算（100%-20px）；
底部：40px；/*我不知道底部div的大小*/
高度：50px；/*随机*/
}
.未知高度底部{
背景色：#ff0000；
高度：40px；/*随机*/
弹性收缩：0；
}
.上吼{
弹性收缩：1；
溢出y：滚动；
背景颜色：蓝色；
}

您可以将其放在红色div中并使用

底部：100%

.wrapper{
背景色：#ff8000；
高度：150像素；
显示器：flex；
填充：10px；
弯曲方向：立柱；
}
.未知高度顶部{
背景色：#00ff00；
位置：绝对位置；
宽度：100%；
底部：100%；
高度：50px；/*随机*/
}
.未知高度底部{
背景色：#ff0000；
高度：40px；/*随机*/
弹性收缩：0；
位置：相对位置；
}
.上吼{
弹性收缩：1；
溢出y：滚动；
背景颜色：蓝色；
}

将绿色和红色div放在一个父div内，该父div的大小可调整为文本区域的大小，并让它们都填充它？