IE Flexbox - 在父元素上使用最小高度时，子元素不会拉伸

Question

请看这支笔：

http://codepen.io/anon/pen/ZYZLMG

它应该做的是让红色 .section 元素填充蓝色 .container 元素。它适用于 Chrome 和 FF，但不适用于 IE。

当设置 height 而不是 min-height 时，它可以工作，但我需要 min-height 因为包含的元素可能会超过，从而增加容器的大小。

有没有办法让它起作用？

Answer 1

为了解决这个问题，我需要将 min-height 元素包装在另一个 flexbox 行中。

http://s.codepen.io/boomerang/cf5b323f92549ea4b9e9aa3afcee9fc41427899803437/index.html#https://github.com/philipwalton/flexbugs#3-min-height-on-a-column-flex-container-wont-apply-to-its-flex-items

不漂亮，因为我必须为 "styling" 添加另一个元素，但它有效。