一个div中嵌套两个并排div怎么弄

要在一个 <div> 中嵌套两个并排的 <div>，你可以使用以下方法：

HTML 结构如下所示：

<div class="container">
  <div class="left-div"></div>
  <div class="right-div"></div>
</div>

接下来，你可以使用 CSS 来设置这两个内部的 <div> 并排显示：

.container {
  display: flex; /* 使用弹性布局 */
}

.left-div, .right-div {
  flex: 1; /* 平均分配剩余空间给两个子元素 */
}

上述 CSS 代码中，我们将外层的 .container 元素设置为弹性布局，并使用 display: flex; 实现了水平排列。然后，我们使用 .left-div 和 .right-div 类选择器来设置内部的两个 <div> 的样式。

在这里，我们使用 flex: 1; 来让两个子元素平均分配剩余的空间，使它们并排显示在容器中。

通过这种方式，你就可以实现一个 <div> 中嵌套两个并排的 <div> 的布局。你可以根据需要进一步自定义和调整内部 <div> 的样式和内容。