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

不漂亮，因爲我必須添加其他元素只是「造型」，但是它的工作原理。