CSS：Flexbox订单不起作用

Question

我只是不知道为什么以下不起作用。

有一个div＃包装，这是一个flexbox与一堆divs，我想扭转的顺序。

<div id="wrapper"> 

    <div id="one">One<div> 
    <div id="two">Two</div> 
    <div id="three">Three</div> 
    <div id="four">Four</div> 

</div> 

CSS：

#wrapper { 
    display: flex; 
} 

#one { 
    order: 4; 
    background-color: gray; 
} 

#two { 
    order: 3; 
    background-color: green; 
} 

#three { 
    order: 2; 
    background-color: blue; 
} 

#four { 
    order: 1; 
    background-color: orange; 
} 

Answer 1

闭上你的

<div id="one">One<div> 

通过更换：

<div id="one">One</div>