IE Flexbox - 在父级上使用min-height时,子元素不会伸展

时间:2015-04-01 14:44:42

标签: html css internet-explorer flexbox

请看一下这支笔:

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

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

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

有没有办法让它发挥作用?

1 个答案:

答案 0 :(得分:2)

要解决这个问题,我需要将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

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