Css flexbox嵌套窗格，仅限父滚动

我正在尝试一个示例，在这个示例中，我希望在父窗格上有一个滚动条，即使子窗格的内容更多。在我编写的示例中，我需要在div上有一个id为“卡其色”的滚动条，而不是为每个id为“child1”和“child2”的子div单独设置一个滚动条

有人能帮我解决这个问题吗

谢谢和问候 西瓦基兰B

这是代码

#主要{
宽度：100%；
身高：100%；
边框：1px实心#C3C3；
显示器：flex；
弯曲方向：立柱；
}
#主要部门{
柔性生长：1；
溢出：自动；
最小高度：50px；
/*此值已保留在此处，因此即使内容非常小于此值，由于flex grow，窗格也会有一些其他方面的高度。这些窗格将没有足够的空间，因为即使是小内容也会自动滚动。请删除此值并检查输出一次，以便我们可以看到差异*/
}
身体{
溢出：隐藏；
}
#卡其色{
显示器：flex；
弯曲方向：立柱；
边框：2个点黑色；
}
#孩子1{
边框：1px纯红；
背景颜色：灰色；
}
#孩子2{
边框：1px纯绿色；
背景色：紫罗兰色；
}
白色白色白色白色白色白色白色白色白色白色白色白色白色白色白色白色白色白色白色白色白色白色白色白色白色白色白色白色白色白色白色白色白色白色白色白色白色白色白色白色白色白色白色白色
白色白色白色白色白色白色白色白色白色白色白色白色白色白色白色白色白色白色白色白色白色白色白色白色白色白色白色白色白色白色白色白色白色白色白色白色白色白色白色
白色白色白色白色白色白色白色白色白色白色白色白色白色白色白色白色白色白色白色白色白色白色白色白色白色白色白色白色白色白色白色白色白色白色白色白色白色白色白色白色白色白色白色白色
白色白色白色白色白色白色白色白色白色白色白色白色白色白色白色白色白色白色白色白色白色白色白色白色白色白色白色白色白色白色白色白色白色白色白色白色白色白色白色白色白色白色白色白色白色
白色白色白色白色白色白色白色白色白色白色白色白色白色白色白色白色白色白色白色白色白色白色白色白色白色白色白色白色白色白色白色白色白色白色白色白色白色白色白色白色白色白色白色白色
白色白色白色白色白色白色白色白色白色白色白色白色白色白色白色白色白色白色白色白色白色白色白色白色白色白色白色白色白色白色白色白色白色白色白色白色白色白色白色白色白色白色白色白色白色
白色白色白色白色白色白色白色白色白色白色白色白色白色白色白色白色白色白色白色白色白色白色白色白色白色白色白色白色白色白色白色白色白色白色白色白色白色白色白色白色白色白色白色白色
白色白色白色白色白色白色白色白色白色白色白色白色白色白色白色白色白色白色白色白色白色白色白色白色白色白色白色白色白色白色白色白色白色白色白色白色白色白色白色白色白色白色白色白色白色
白色白色白色白色白色白色白色白色白色白色白色白色白色白色白色白色白色白色白色白色白色白色白色白色白色白色白色白色白色白色白色白色白色白色白色白色白色白色白色白色白色白色白色白色
白色白色白色白色白色白色白色白色白色白色白色白色白色白色白色白色白色白色白色白色白色白色白色白色白色白色白色白色白色白色白色白色白色白色白色白色白色白色白色白色白色白色白色
白色白色白色白色白色白色白色白色白色白色白色白色白色白色白色白色白色白色白色白色白色白色白色白色白色白色白色白色白色白色白色白色白色白色白色白色白色白色白色白色白色白色白色白色
白色白色白色白色白色白色白色白色白色白色白色白色白色白色白色白色白色白色白色白色白色白色白色白色白色白色白色白色白色白色白色白色白色白色白色白色白色白色白色白色白色白色
白色白色白色白色白色白色白色白色白色白色白色白色白色白色
你好
这应该得到背景色为khakhiii这应该得到背景色为khakhiii这应该得到背景色为khakhiii这应该得到背景色为khakhiii这应该得到背景色为khakhiii这应该得到背景色
颜色为khakhiii这应该得到背景色为khakhiii这应该得到背景色为khakhiii这应该得到背景色为khakhiii这应该得到背景色为khakhiii这应该得到背景色为khakhiii这
背景色应为khakhiii，背景色应为khakhiii
儿童1卡其色儿童1卡其色儿童1卡其色儿童1卡其色儿童1卡其色儿童1卡其色儿童1卡其色儿童1卡其色儿童1卡其色儿童1卡其色儿童1卡其色儿童1卡其色儿童1卡其色儿童1卡其色儿童1卡其色儿童1卡其色儿童
1卡其布1卡其布1卡其布1卡其布1卡其布1卡其布1卡其布1卡其布1卡其布1卡其布1卡其布1卡其布1卡其布1卡其布1卡其布1卡其布1卡其布
儿童1卡其布儿童1卡其布儿童1卡其布儿童1卡其布儿童1卡其布儿童1卡其布儿童1卡其布儿童1卡其布儿童1卡其布儿童1卡其布儿童1卡其布儿童1卡其布儿童1卡其布儿童1卡其布儿童1卡其布