html - IE Flexbox - 在父元素上使用最小高度时,子元素不会拉伸(stretch)

标签 html css internet-explorer flexbox

请看这支笔:

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

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

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

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

最佳答案

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

不漂亮,因为我必须为“样式”添加另一个元素,但它有效。

关于html - IE Flexbox - 在父元素上使用最小高度时,子元素不会拉伸(stretch),我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/29393846/

相关文章:

css - 使用响应式设计时可以在标题中交换图像吗?

javascript - 如何在 Opera 下以编程方式获取 box-shadow

html - 将 Xaml 转换为 html5

html - header 未使用 CSS 更改样式,但其他 div 是

javascript - 带有 noConflict 的 jQuery 和 noConflict 变量的赋值

javascript - IE 中使用 ES6 箭头函数的语法错误

IE 和 Prototype 1.6.0.3 的 JavaScript 问题

vba - 取消选中 IE 中的复选框

c# - 如何在页面刷新时更新页面 url?

类内的 JavaScript 对象是 'undefined'