Flexbox项目在Safari，IE11和IE10中崩溃

Question

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

这是一个codepen来说明：http ://codepen.io/anon/pen/BKNRBY

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

谁能提供任何建议？

Answer 1

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