Html 如何使父div与其第一个子div具有相同的高度？

这是一张照片：

!

我的div2和div3包含动态内容，因此它们的高度每次都会不同。不过，div2总是比div3短得多

我正在寻找一种方法，将div3的高度强制为div2的高度，然后让div1整齐地包含它们，因此结果应该如下所示：

但我不知道该怎么做。有什么建议吗

拉小提琴：

.1分部{ 显示：网格； 网格模板柱：1fr 1fr； 网格模板行：fit-content0； 边框：1px实心； } .第2分部{ 边框：1px000； } .第3分部{ 宽度：300px； 溢出y：自动； 边框：1px000； 左边距：50像素； } 学识：益智：益智：益智：益智：益智：益智：益智：益智：益智：益智：益智：益智：益智：益智：益智：益智：益智：益智：益智：益智：益智：益智：益智：益智：益智：益智：益智：益智：益智：益智：益智：益智：益智：益智：益智：益智：益智：益智：益智：益智：益智：益智 同学同学同学同学同学同学同学同学同学同学同学同学同学同学同学同学同学同学同学同学同学同学同学同学同学同学同学同学同学同学同学同学同学同学同学同学同学同学同学同学同学同学同学同学同学同学同学同学同学同学同学同学同学同学同学同学同学同学同学同学同学同学同学同学同学同学同学同学同学同学同学同学同学同学同学同学同学同学同学同学同学同学同学同学同学同学同学同学同学同学同学同学同学同学同学同学同学同学同学同学同学同学同学同学同学同学同学同学同学同学同学同学同学同学同学同学同学同学同学同学同学同学同学同学同学同学同学同学同学同学同学同学同学同学同学同学同学同学同学同学同学同学同学同学同学同学同学同学同学同学同学同学同学同学同学同学同学同学同学同学同学同学同学同学同学同学同学同学同学同学同学同学同学同学同学同学同学同学同学同学同学同学同学同学同学同学同学同学同学同学同学同学同学同学同学同学同学同学同学同学同学同学同学同学同学同学同学同学同学同学同学同学同学同学同学同学同学同学同学同学同学同学同学同学同学同学同学同学同学同学同学同学同学同学同学同学同学同学同学同学同学同学同学同学同学同学同学同学同学同学同学同学同学同学同学同学同学同学同学同学同学同学同学同学

---

请分享您的标记。请阅读并在代码中向我们展示您尝试过的内容。不知道为什么这会被否决这么多？我最初没有分享小提琴，因为我不确定是否有必要，因为标记是多么简单。不幸的是，这并不能解决问题。div2的高度应该适合内容。我已经更新了我的答案。现在div2的高度应该是div3的定义高度。啊，CSS网格。以前从未使用过，也不确定我是否能支持它。这很接近，但我仍然需要div1来适应孩子们，使他们的3个身高基本相同。此外，我注意到div3在div1的边界外溢出。