Html 使用flexbox为div设置等高（取决于最短的一个）

很明显，如何使用flexbox使两个div的高度与最高的div相同

但对我来说，不清楚如何根据最短的div设置相同的高度

---

例如，一行中有两个div，第一个div的高度取决于内部图像的大小。所以我想将第二个div的高度设置为相同的

对于要滚动的flex项目，需要一个高度，否则它只会随着内容的增长而增长

为了克服这个问题，您可以这样解决，将内部元素设置为

位置：绝对


.wrap{
显示器：flex；
}
.左{
弹性：1；
边框：1px纯色灰色；
}
.对{
弹性：1；
边框：1px纯色灰色；
位置：相对位置；
}
.文本{
位置：绝对位置；
左：0；
排名：0；
右：0；
底部：0；
溢出：自动；
}

布拉布拉布拉

布拉布拉布拉

布拉布拉布拉

布拉布拉布拉

布拉布拉布拉

布拉布拉布拉

布拉布拉布拉

布拉布拉布拉

布拉布拉布拉

布拉布拉布拉

布拉布拉布拉

布拉布拉布拉

布拉布拉布拉

布拉布拉布拉

布拉布拉布拉

布拉布拉布拉

布拉布拉布拉

布拉布拉布拉

布拉布拉布拉


所以我想将第二个div的高度设置为相同的

并将任何超过该高度的内容切掉，或为第二个flex列创建一个滚动条

我不知道使用任何flexbox属性如何实现这一点

我可能会在第二个flex项中放置一个绝对定位的元素，使其从上到下、从左到右延伸，然后将该元素上的
溢出
设置为
隐藏
或
自动
，具体取决于所需的效果


.flex容器{display:flex；}
.flex项{flex:0 50%；位置：相对；}
.flex项img{显示：块；最大宽度：100%；宽度：100%；高度：自动；}
.flex项内部{位置：绝对；顶部：0；左侧：0；右侧：0；底部：0；溢出：自动；}
.flex项内部p:第一个子项{页边距顶部：0；}


他说：“我的工作是在工作中完成的，我的工作是在工作中完成的，我的工作是在工作中完成的。”。在vero eos和accusam以及justo duo dolores和ea Reum。斯特特·克里塔·卡斯德·古伯格伦，没有大海
圣殿是圣殿。他说：“我的工作是在工作中完成的，我的工作是在工作中完成的，我的工作是在工作中完成的。”。在vero eos和accusam和justo duo dolores和
ea rebum。斯泰特·克莱塔·卡斯德·古伯格伦（Stet clita kasd gubergren），没有海洋保护区是属于同一领域的。


他说：“我的工作是在工作中完成的，我的工作是在工作中完成的，我的工作是在工作中完成的。”。在vero eos和accusam以及justo duo dolores和ea Reum。斯特特·克里塔·卡斯德·古伯格伦，没有大海
圣殿是圣殿。他说：“我的工作是在工作中完成的，我的工作是在工作中完成的，我的工作是在工作中完成的。”。在vero eos和accusam和justo duo dolores和
ea rebum。斯泰特·克莱塔·卡斯德·古伯格伦（Stet clita kasd gubergren），没有海洋保护区是属于同一领域的。


他说：“我的工作是在工作中完成的，我的工作是在工作中完成的，我的工作是在工作中完成的。”。在vero eos和accusam以及justo duo dolores和ea Reum。斯特特·克里塔·卡斯德·古伯格伦，没有大海
圣殿是圣殿。他说：“我的工作是在工作中完成的，我的工作是在工作中完成的，我的工作是在工作中完成的。”。在vero eos和accusam和justo duo dolores和
ea rebum。斯泰特·克莱塔·卡斯德·古伯格伦（Stet clita kasd gubergren），没有海洋保护区是属于同一领域的。

请发布与您的问题相关的JavaScript/jQuery、CSS和HTML。使用以下任何或所有服务创建演示：、、或片段（位于文本编辑器工具栏上的第7个图标或CTRL+M）。您切换了接受的答案，这当然没关系，只是好奇我的答案有什么问题？@LGSon，首先，感谢您的回答，我非常感谢。两个答案都同样正确，原理相同，但CBroe的答案更具信息性（我指的是如何处理第二个div中超出内容的部分）。非常感谢您的回答，现在我有一个容器内垂直居中内容的小问题，问题是绝对定位div，添加时不保存其高度“对齐项目：居中”到容器以进行垂直居中。我是否需要为该问题创建另一个帖子，或者它只是原始代码的另一个字符串？谢谢；）为了能够使用
对齐项目
，您需要再次将内部项目设置为弹性容器：