Html 如何将外部div的高度设置为始终等于特定的内部div？

我有一个外部div，其中包含三个内部div

我希望最左侧的内部div始终确定外部div的高度。如果其他内部div的内容[比最左边的div]少，则它们将有空的空间。如果他们有更多的内容[比最左边的div]，他们将得到一个滚动条

关于SO的其他一些问题，请询问如何将外部div的高度设置为内部div的高度。但是，在我的情况下，我有多个内部div，并且我不知道外部div的高度应该大于或小于最左侧div的高度

有没有办法做到这一点，特别是只使用CSS

---

一个想法是使用绝对位置使一些内容脱离流，这样就不会对高度产生任何影响，然后使用flexbox作为主布局：

.container{
显示器：flex；
边框：1px实心；
填充物：5px；
框大小：边框框；
}
.container>div{
弹性：1；
保证金：5px；
边框：1px实心；
框大小：边框框；
}
内分区{
边框颜色：红色；
}
.内alt{
位置：相对位置；
溢出：自动；
}
.内部高度>分区{
位置：绝对位置；
排名：0；
右：0；
左：0；
底部：0；
}

Lorem ipsum dolor sit amet，是一位杰出的献身者。Donec Dignessim ipsum orci，
ut-Pat-ligula finibus a。梅塞纳斯和法雷特拉·安特。Nunc蜗壳位于欧盟的前庭，是一个公共场所。这是一个很好的解释。蒂尼杜维瓦姆斯酒店
埃吉特·比本杜姆·里苏斯·康莫多。这是一个很好的解释。蒂尼杜维瓦姆斯酒店
Lorem ipsum dolor sit amet，是一位杰出的献身者。要有尊严，就要有尊严，就要有尊严，就要有尊严。未经许可的未经许可的未经许可的未经许可的未经许可的未经许可的未经许可的未经许可的未经许可的未经许可的未经许可的未经许可的未经许可的未经许可的未经许可的未经许可的
ut-Pat-ligula finibus a。梅塞纳斯和法雷特拉·安特。Nunc蜗壳位于欧盟的前庭，是一个公共场所。这是一个很好的解释。蒂尼杜维瓦姆斯酒店
埃吉特·比本杜姆·里苏斯·康莫多。这是一个很好的解释。蒂尼杜维瓦姆斯酒店
Lorem ipsum dolor sit amet，是一位杰出的献身者。要有尊严，就要有尊严，就要有尊严，就要有尊严。这是一个非常重要的问题，因为它是一个非常重要的问题。未经许可的未经许可的未经许可的未经许可的未经许可的未经许可的未经许可的未经许可的未经许可的未经许可的未经许可的未经许可的未经许可的未经许可的未经许可的未经许可的
ut-Pat-ligula finibus a。梅塞纳斯和法雷特拉·安特。Nunc蜗壳位于欧盟的前庭，是一个公共场所。这是一个很好的解释。蒂尼杜维瓦姆斯酒店
埃吉特·比本杜姆·里苏斯·康莫多。这是一个很好的解释。蒂尼杜维瓦姆斯酒店

一个想法是使用绝对位置从流中提取一些内容，这样就不会对高度产生任何影响，然后使用flexbox作为主布局：

.container{
显示器：flex；
边框：1px实心；
填充物：5px；
框大小：边框框；
}
.container>div{
弹性：1；
保证金：5px；
边框：1px实心；
框大小：边框框；
}
内分区{
边框颜色：红色；
}
.内alt{
位置：相对位置；
溢出：自动；
}
.内部高度>分区{
位置：绝对位置；
排名：0；
右：0；
左：0；
底部：0；
}

Lorem ipsum dolor sit amet，是一位杰出的献身者。Donec Dignessim ipsum orci，
ut-Pat-ligula finibus a。梅塞纳斯和法雷特拉·安特。Nunc蜗壳位于欧盟的前庭，是一个公共场所。这是一个很好的解释。蒂尼杜维瓦姆斯酒店
埃吉特·比本杜姆·里苏斯·康莫多。这是一个很好的解释。蒂尼杜维瓦姆斯酒店
Lorem ipsum dolor sit amet，是一位杰出的献身者。要有尊严，就要有尊严，就要有尊严，就要有尊严。未经许可的未经许可的未经许可的未经许可的未经许可的未经许可的未经许可的未经许可的未经许可的未经许可的未经许可的未经许可的未经许可的未经许可的未经许可的未经许可的
ut-Pat-ligula finibus a。梅塞纳斯和法雷特拉·安特。Nunc蜗壳位于欧盟的前庭，是一个公共场所。这是一个很好的解释。蒂尼杜维瓦姆斯酒店
埃吉特·比本杜姆·里苏斯·康莫多。这是一个很好的解释。蒂尼杜维瓦姆斯酒店
Lorem ipsum dolor sit amet，是一位杰出的献身者。要有尊严，就要有尊严，就要有尊严，就要有尊严。这是一个非常重要的问题，因为它是一个非常重要的问题。未经许可的未经许可的未经许可的未经许可的未经许可的未经许可的未经许可的未经许可的未经许可的未经许可的未经许可的未经许可的未经许可的未经许可的未经许可的未经许可的
ut-Pat-ligula finibus a。梅塞纳斯和法雷特拉·安特。Nunc蜗壳位于欧盟的前庭，是一个公共场所。这是一个很好的解释。蒂尼杜维瓦姆斯酒店
埃吉特·比本杜姆·里苏斯·康莫多。这是一个很好的解释。蒂尼杜维瓦姆斯酒店

不同的方法。两个例子：

.outer\u div{
位置：相对位置；
溢出：隐藏；
最大宽度：300px；
保证金：0自动；
}
.内务部{
宽度：33.33%；
}
.内分区1{
浮动：左；
背景：卡其色；
}
.内分区2，
.内分区3{
背景：darkkhaki；
位置：绝对位置；
排名：0；
身高：100%；
溢出y：自动；
}
.内分区2{
左：33.33%；
}
.内分区3{
左：66.66%；
}

知识是一种美德，是一种美德，是一种美德，是一种美德。
乱数假文。
知识是一种美德，是一种美德，是一种美德，是一种美德。但是，在最低限度上，我们需要一个实验室来进行日常工作。两人或两人在一个无教区的房间里互相指责。除偶尔因疏忽而死亡外，不得因疏忽而导致动物死亡。

不同的方法。两个例子：

.outer\u div{
位置：相对位置；
溢出：隐藏；
最大宽度：300px；
保证金：0自动；
}
.内务部{
宽度：33.33%；
}
.内分区1{
浮动：左；