如何将两个flexbox容器放在一起

<div class="outer-container">
  <div class="inner-container">
    <!-- 内部元素 -->
  </div>
</div>

.outer-container {
  display: flex;
  /* 外部容器的样式属性 */
}

.inner-container {
  display: flex;
  /* 内部容器的样式属性 */
}

<div class="parent-container">
  <div class="flex-container">
    <!-- 元素1 -->
  </div>
  <div class="flex-container">
    <!-- 元素2 -->
  </div>
</div>

.parent-container {
  display: flex;
  /* 父容器的样式属性 */
}

.flex-container {
  flex: 1;
  /* 子容器的样式属性 */
}

<div class="grid-container">
  <div class="grid-item">
    <!-- 元素1 -->
  </div>
  <div class="grid-item">
    <!-- 元素2 -->
  </div>
</div>

.grid-container {
  display: grid;
  grid-template-columns: 1fr 1fr; /* 设置两列 */
  /* 容器的样式属性 */
}

.grid-item {
  /* 子元素的样式属性 */
}