使用flexbox的小难度

Question

因此，我仍然在学习一些关于flexbox的东西，我在一个项目上遇到了一些麻烦。我只用了flexbox的代码，以便于查看。

我有一个带有两个div的两个flex容器。它以如下方式成功运行：当我将屏幕缩小到足够小时，它们会彼此对齐，而不是像将屏幕放大时并排对齐。缩小屏幕时，它在顶部，底部在底部。我正在尝试做的是使其在缩小屏幕时位于顶部和底部。

.twoflexcontainer { 
  overflow:hidden;
  width: 100%;
}

.twoflexcontainer div {
   padding: 10px;
}
#twoflexright {
  float:left; 
  width:55%;
}
#twoflexleft { 
  overflow:hidden;

}

@media screen and (max-width: 700px) {
   #twoflexright { 
    float: none;
    width:auto;

  }
  .twoflexcontainer { 
  flex-direction: row-reverse;
}
}

<div class="twoflexcontainer">
  <div id="twoflexright"><p>one</p></div>
  <div id="twoflexleft"><p>two</p></div>
</div>

Answer 1

我正在尝试使div放在顶部而不是底部