Safari9以下でFlexアイテム内にある高さが100%にならない

flexアイテム自身はstretchである場合は高さがすべてそろいますが、配下にある要素は基本的にheightがautoなので、高さがflexアイテムと同じ高さになりません。

対応方法としてflexアイテム配下にある要素にheight:100%をつけることで、対応が可能なのですが、Safari9以下ではこの方法では効果がありません。

そこで、height:100%ではなくflexアイテムにdisplay:flexをつけることで、この問題を回避できます。