如果我有以下 HTML 标记：
<div class="wrapper">
<div id="container-1">
<div class="child-1-1"></div>
<div class="child-1-2"></div>
</div>
<div id="container-2">
<div class="child-2-1"></div>
<div class="child-2-2"></div>
</div>
</div>
我可以将flex的显示应用到wrapper，然后使用order使container-2出现在container-1之上。
我希望元素的最终顺序是：
我基本上要的是两个容器的孩子们假装好像他们的父母不在那里，而是从外部把他们的订货包装。
这当然可以通过复制组件和根据断点隐藏/显示或通过 JS 来实现 - 所以没有建议这些的点。