flexbox的现象

Question

偶然发现flexbox一个神奇的现象，对flexbox容器的特征有些好奇

demo:
https://jsfiddle.net/JohnsonC...

关于demo的问题：

class="child2"在flex: 1的时候如果内容高度高于本身的高度，会优先使用内容的高度。可以理解使用overflow: hidden保证自身的高度不会被子块child22的高度撑开，但为啥自身再设置一个display: flex也能达到同样的效果，觉得伸缩盒很神奇啊，求大神解释