有沒有辦法將一個孩子元素從靈活盒子中分離出來？

Question

場景：我有一個div#wrapper元素與下面的CSS：

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

此包裝包含的是，爲了清楚起見，我們會打電話給段A，B和C.因此三個子<section>元素這留下了我這樣的事情：

美麗。這裏有一個問題：我現在正在處理媒體查詢，並且需要在< 800px時更改此佈局。具體來說，我需要移動A部分和C部分下方的B部分，並將其全寬。這裏有一個圖形來幫助解釋：

問題：是否有可能將單個子元素從其靈活框中分離出來並以這種方式改變佈局？

Answer 1

的Flexbox的規格在不斷變化，當前recommendiation你可以使用一個flex container與row wrapping，設置部分的寬度，使得只有他們兩個人適合在包裝，並使用order把B節末：

http://jsfiddle.net/LYnRf/（在Windows上使用Chrome 22測試）