Flexbox项目在Safari,IE11和&amp ;; IE10

时间:2016-03-02 18:47:54

标签: css flexbox

我在Safari,IE11&amp; amp;中遇到了嵌套flexbox的一些问题。 IE10。面板应该是并排(50%宽度),并且其中含有不同量的内容。 <cite>元素应固定在面板底部,每个面板的高度应相同。

这是一个用于说明的代码:http://codepen.io/anon/pen/BKNRBY

这在Chrome / Firefox中运行良好,但在Safari,IE10和IE11中,面板不会垂直拉伸以包含其内容。

有人可以提供任何建议吗?

1 个答案:

答案 0 :(得分:6)

找到它,将flex-basis: 100%上的规则从flex-basis: auto切换到blockquote就可以了。