在flexbox中遇到障碍，将一个div放在另一个div下，同时将第三个div放在一边

在flexbox中遇到将一个div放在另一个div下，同时将第三个div放在一边的障碍时，可以通过以下方式解决：

1. 使用flex-direction属性：将父容器的flex-direction属性设置为column，可以将子元素按照垂直方向排列。同时，设置justify-content属性为flex-start，可以使子元素在垂直方向上从上到下依次排列。

.parent {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
}

1. 使用flex-wrap属性：将父容器的flex-wrap属性设置为wrap，可以使子元素在一行排列不下时自动换行。同时，设置align-items属性为flex-start，可以使子元素在水平方向上从左到右依次排列。

.parent {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
}

1. 使用flex属性：将第一个div设置为flex: 1，可以使其占据剩余空间，从而将第三个div推到一边。

.child1 {
  flex: 1;
}

以上是解决该问题的一种常见方法，具体的实现方式可能会根据具体情况而有所不同。在实际开发中，可以根据需求灵活运用flexbox的各种属性来达到所需的布局效果。

关于flexbox的更多详细信息，您可以参考腾讯云的《Flexbox布局》文档：https://cloud.tencent.com/document/product/1148/40263