Question

我无法弄清楚为什么以下不起作用。

有一个div＃wrapper，它是一个带有一堆div的flexbox，我想要颠倒它的顺序。

<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>

CSS：Flexbox订单无效

1 个答案: