Html 如何从上到下增加彩色矩形高度的大小[css]？

我想增加彩色矩形从上到下（在黑框中）。 如何增加其高度不想给黑框中的小彩色矩形指定自定义高度，需要做的是设置高度，使彩色矩形始终适合黑框作为边栏，无论黑框有多大或多小

---

黑框中的彩色矩形具有id为圆形的div

添加高度：100%到橙色框，当黑盒大小更改时自动更改

添加高度：100%到橙色框，当黑盒大小更改时将自动更改该框

如果黑盒具有相对位置，则可以将橙色框的位置更改为绝对位置，然后指定它需要从顶部0px开始，从底部0px开始 所以

---

如果黑框具有相对位置，则可以将橙色框的位置更改为绝对位置，然后指定它需要从顶部0px开始，从底部0px开始 所以

---

我认为以下代码将解决您的问题

正文{
保证金：0；
填充：0；
}
.集装箱{
显示器：flex；
对齐项目：居中；
高度：100vh；
宽度：100%；
}
.项目{
宽度：300px；
身高：100%；
背景色：蓝紫色；
}

---

我认为以下代码将解决您的问题

正文{
保证金：0；
填充：0；
}
.集装箱{
显示器：flex；
对齐项目：居中；
高度：100vh；
宽度：100%；
}
.项目{
宽度：300px；
身高：100%；
背景色：蓝紫色；
}

您需要提供现有代码的演示。如果不附带代码，共享图像是最没有帮助的。您需要提供现有代码的演示。如果没有附带的代码，共享图像是最没有帮助的

black-box {
    position: relative;
}

orange-box {
    position: absolute;
    top: 0;
    bottom: 0;
}