Css 有没有一种方法可以将单个子元素从一个灵活的框中拆分出来？

场景：我有一个

div#wrapper

元素，具有以下css：

div#wrapper {
    display: box;
    box-orient: horizontal;
    width: 100%;
}

此包装包含三个子

元素，为了清晰起见，我们将其称为A、B和C节。因此，我将使用以下内容：

漂亮。这里有一个陷阱：我现在正在处理媒体查询，需要在<800px时更改此布局。具体来说，我需要将B部分移动到A和C部分下面，并使其全宽。以下是一张有助于解释的图表：

---

问题：是否有可能将单个子元素从其柔性框中分离出来，并以这种方式更改布局？

flexbox规范不断变化，根据当前的建议，您可以使用a，设置节宽度，以便只有两个节适合包装，并将节b放在末尾：

---

（在Windows上使用Chrome 22进行测试）

flexbox规格不断变化，根据当前的建议，您可以使用a，设置部分宽度，以便只有两个部分适合包装，并用于将部分b放在末尾：

（在Windows上使用Chrome 22进行测试）