css - Flex Box 在 Safari 中不起作用

Question

我正在努力理解 flex box，但在 Safari 的 CodePen 上测试代码时似乎遇到了问题。请看一下并帮助我了解我没有正确执行的 flex box 是什么。

http://codepen.io/pertrai1/full/FKcGJ

谢谢

更新:我的用例是我正在编写一个教程，向我展示如何使用 flexbox 。我期望的是，当我为选择器使用 flexbox 时，每个 div 都应该在父 div 中彼此相邻对齐，而不必使用 float 。现在我没有看到这种情况发生。

Answer 1

我有一个 working version on codepen .我认为您只是在遵循旧教程。 There's a good one here at this link.还请记住，默认情况下，子元素会从其父元素继承属性。似乎有很多不必要的代码。也许您可以解释一下您还试图实现什么目标？