Flexbox项目在Safari，IE11和＆amp ;; IE10

Question

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

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

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

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

Answer 1

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