弹性布局flex设置两个div间隙

要在两个 flex 容器之间设置间隙，可以使用 `margin` 属性。具体来说，可以在第一个 flex 容器的样式中设置其下方的间隔，或者在第二个 flex 容器的样式中设置其上方的间隔。例如：

.container {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}

.container > div:first-child {
  margin-right: 10px; /* 在第一个 flex 容器的右侧设置 10 像素的间隔 */
}

.container > div:last-child {
  margin-left: 10px; /* 在第二个 flex 容器的左侧设置 10 像素的间隔 */
}

这里假设 `.container` 是两个 flex 容器的父元素，其中包含两个子元素 `div`，它们是两个 flex 容器。`justify-content: space-between;` 可以让两个子元素在 `.container` 中尽可能地分散排列，从而留下一些空隙。然后，通过 `:first-child` 和 `:last-child` 选择器分别选中第一个和第二个子元素，然后分别设置它们的 `margin` 属性即可。