Flexbox没有在Safari中正确排列盒子

Question

我正在尝试使用flex创建两列布局。 Here's a codepen显示我目前拥有的内容。它就像我想要在Chrome和Firefox中一样工作。然而，在Safari中，每个div扩展以填充整个窗口，第二个包裹以使其成为一个在另一个之上。我希望他们俩彼此相邻。

TL; DR：Code/demo are here。适用于Chrome，Firefox。在Safari中不起作用。

Answer 1

好的，我修好了。问题是Safari需要特定于供应商的前缀才能工作。因此，如果我向display: -webkit-flex;添加flexbox并向每个-webkit-flex: auto;添加div，则按预期工作。 Dontcha只是喜欢CSS浏览器支持吗？

这里是working codepen。