CSS flex 兼容问题

CSS flex的子元素设置高度为百分比。不起作用。

因为，百分比设置的时候，是相对父元素的。父元素必需有确切的高度。chrome正常，safari有问题。