如何在父元素中容纳多个HTML子元素？

如何使两个子元素（蓝色边框）完全适合父元素（黑色边框），而无需调整高度

我的代码：

.家长{
边框：3倍纯黑；
高度：500px；
}
.孩子{
边框：3件纯蓝；
身高：50%；
利润率：2%1%；
}

我认为在这种情况下，您必须对父元素使用flexbox，然后通过删除height premium为

.child

元素设置

flex:1

看看我为你们准备的例子。请给我反馈，结果是否正确，我会和你们讨论这个问题

---

您可以使用

显示：flex

和

flex-direction

并将其设置为：

.parent{
边框：3倍纯黑；
高度：500px；
显示器：flex；
弯曲方向：立柱；
}
.孩子{
边框：3件纯蓝；
身高：50%；
利润率：2%1%；
}

---

是的，这也有效。非常感谢。