我对排序元素有疑问。我有一个容器（flexbox）和一个孩子（order = 1）和兄弟div（包装器我不会使用flexbox），孩子订购但不起作用。
可以查看完整示例：http://codepen.io/isyara/pen/HtniA（检查包装器 im-changed-order）
谢谢
【问题讨论】：
.container元素和第一个一样吗？或者第一个应该与第二个相同？
如果您想让第一个示例看起来像第二个示例，那么您就不走运了。弹性项目只能排列在它们的弹性容器内。
+---------------+
| +---------+ |
| | a | |
| + --------+ |
| +---------+ |
| | b | |
| | +-----+ | |
| | | c | | |
| | +-----+ | |
| | +-----+ | |
| | | d | | |
| | +-----+ | |
| +---------+ |
+---------------+
如果外部容器和 b 都是弹性容器（display: flex 应用于它们），那么只有这些排列是可能的：
如果 b 不是 flex 容器，则 c 和 d 不是 flex 项，根本无法使用 order 属性进行排列。
元素 a、c 和 d 必须是兄弟元素才能完全重新排列：
+---------------+
| +---------+ |
| | a | |
| + --------+ |
| +---------+ |
| | c | |
| + --------+ |
| +---------+ |
| | d | |
| + --------+ |
+---------------+
现在您可以拥有上一个示例中的所有安排，以及这些：
【讨论】：