【问题标题】：Flexbox isn't lining up boxes properly in SafariFlexbox 没有在 Safari 中正确排列盒子
【发布时间】：2014-05-24 17:50:56
【问题描述】：
我正在尝试使用flex 创建一个两列布局。 Here's a codepen 显示我目前拥有的东西。它就像我希望它在 Chrome 和 Firefox 中一样工作。然而，在 Safari 中，每个div 都会展开以填满整个窗口，而第二个会包裹起来，使其一个在另一个之上。我希望它们彼此相邻。
TL;DR：Code/demo are here。适用于 Chrome、Firefox。在 Safari 中不起作用。
【问题讨论】：
标签：
css
safari
html
flexbox
【解决方案1】：
好的，我修好了。问题是 Safari 需要一个特定于供应商的前缀才能工作。因此，如果我将display: -webkit-flex; 添加到flexbox 并在每个-webkit-flex: auto; 中添加divs，它会按预期工作。 Dontcha 只是喜欢 CSS 浏览器支持？
这是working codepen。