Scroll 如何使flex-div可滚动

假设我有3个这样的div：

<div id="a">
    <div id="b">
        .....
    </div>
    <div id="c">
        .....
        a lot of elements
        .....
    </div>
</div>

我不知道分区B的高度，但我希望分区C滚动它的内容，以防它不适合分区a。这张图片可能有助于：

---

当我如上所述定义它时，DIV C是“veeery”高的（超出了DIV a的底部），它不会滚动它的内容。有没有CSS方法，如何解决这个问题？

最后我找到了解决方案-DIV C需要样式

flex: 1 100%;

flex: 1 100%;