<div class="box1"> <div class="box2">box2</div> <div class="box3"> <div>1</div> <div>1</div> <div>1</div> <div>1</div> </div> </div> 这样的结构中，我设置.box1为display：flex，设置box3为display：flex，为什么全部显示到了一行，应该怎么处理

在你提供的结构中，设置 `.box1` 和 `.box3` 为 `display: flex` 后，元素默认会按照水平方向排列。如果你希望它们在垂直方向上排列，你可以为 `.box1` 添加 `flex-direction: column` 的样式。同时，你可以为 `.box2` 和 `.box3` 添加一些样式以调整布局和间距。

以下是修正后的代码示例：

<div class="box1">
  <div class="box2">box2</div>
  <div class="box3">
    <div>1</div>
    <div>1</div>
    <div>1</div>
    <div>1</div>
  </div>
</div>

.box1 {
  display: flex;
  flex-direction: column; /* 垂直排列 */
}

.box2 {
  /* 添加样式来调整布局 */
}

.box3 {
  display: flex;
  /* 添加样式来调整布局 */
}

通过将 `.box1` 的 `flex-direction` 设置为 `column`，你可以让 `.box2` 和 `.box3` 在垂直方向上排列。你还可以根据需要添加其他样式来调整布局和间距，以满足你的需求。