把一个div放在另一个div下面

Question

如果我有：

<div>content1</div>
<div>content2</div>

如何使用css将它们显示为：

content2
content1

感谢。

Answer 1

您可以使用order属性直观地重新排序元素

.wrapper {
  display: flex;
  flex-direction: column;
}

.wrapper div:first-child {
  order: 2;
}

<div class="wrapper">
  <div>content1</div>
  <div>content2</div>
</div>

Answer 2

＆＃13;

＆＃13;

.parent {
  display: flex;
  flex-direction: column;
}

.c1 {
  order: 2;
}

＆＃13;

<div class="parent">
  <div class="c1">content1</div>
  <div class="c2">content2</div>
</div>

＆＃13;

＆＃13;

＆＃13;

对孩子使用order:number属性，你可以改变他们的顺序。

有关此here

的更多信息