当内容超过同级时，有一个“ display：flex”滚动子级

Question

如果外部div是flex，我如何拥有它，以便外部<p>确定div的高度，中间的<p>是可滚动的？

<div>
<p></p>
<p></p>
<p></p>
</div>

A fiddle example