Flexbox 项目在 Safari、IE11 和 IE10 中正在崩溃

Question

我在Safari，IE11和IE10中使用嵌套flexbox时遇到了一些问题。面板应该是并排的（50%宽度），并且其中的内容量不同。<cite>元素应锚定在面板底部，并且每个面板的高度应相同。

下面是一个代码笔来说明： http://codepen.io/anon/pen/BKNRBY

这在Chrome/Firefox中工作正常，但在Safari，IE10和IE11中，面板不会垂直拉伸以包含其内容。

谁能提供任何建议？

Answer 1

找到了，将规则从flex-basis: 100%切换到flex-basis: auto blockquote就成功了。