Html CSS-Flexbox div与另一个div的高度匹配

.d1{
显示器：flex；
}
.d2{
弹性：1；
显示器：flex；
弯曲方向：立柱；
}
.d3{
背景颜色：浅蓝色；
保证金：5px；
}

测试1
测试2
测试3
Test4
Test4

只要给出

高度：100%编码到第二个div


.d1{
显示器：flex；
}
.d2{
弹性：1；
显示器：flex；
弯曲方向：立柱；
}
.d3{
背景颜色：浅蓝色；
保证金：5px；
}
.d1.d2：第一个孩子。d3：最后一个孩子{
身高：100%；
}

测试1
测试2
测试3
Test4
Test4
您可以使用
flex-grow
来占用剩余的空白。
在这种情况下，两个
d2
的高度相同。
要回答您的问题，请仅在
test2
类上使用
flex-grow
，或者修改您的结构，以便
test2
和
test4
应属于同一父类


.d1{
显示器：flex；
}
.d2{
弹性：1；
显示器：flex；
弯曲方向：立柱；
}
.d3{
背景颜色：浅蓝色；
保证金：5px；
柔性生长：1；
}

测试1
测试2
测试3
Test4
Test4