如何让3个分区并排？没有容器？

要实现3个分区并排且没有容器的布局，可以使用CSS中的flexbox布局或者CSS Grid布局来实现。

使用flexbox布局：
- 在HTML中创建一个父容器，并给其设置display为flex。
- 将父容器分为三个子元素，每个子元素代表一个分区。
- 设置父容器的flex属性为"1"，可以使三个子元素平均分配父容器的宽度。
- 设置父容器的flex-direction为"row"，可以让子元素水平排列。
- 可以使用其他flexbox属性来调整子元素的宽度和间距。

示例代码：

<style>
  .container {
    display: flex;
    flex-direction: row;
  }
  .section {
    flex: 1;
    /* 可以添加其他样式来调整子元素的宽度和间距 */
  }
</style>

<div class="container">
  <div class="section">
    <!-- 第一个分区的内容 -->
  </div>
  <div class="section">
    <!-- 第二个分区的内容 -->
  </div>
  <div class="section">
    <!-- 第三个分区的内容 -->
  </div>
</div>

使用CSS Grid布局：
- 在HTML中创建一个父容器，并给其设置display为grid。
- 将父容器分为三个网格区域，每个网格区域代表一个分区。
- 可以使用grid-template-columns属性来设置每个网格区域的宽度。
- 可以使用grid-gap属性来设置网格之间的间距。

示例代码：

<style>
  .container {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr; /* 将父容器分为三个等宽的网格区域 */
    grid-gap: 10px; /* 设置网格之间的间距 */
  }
  .section {
    /* 可以添加其他样式来调整子元素的宽度和间距 */
  }
</style>

<div class="container">
  <div class="section">
    <!-- 第一个分区的内容 -->
  </div>
  <div class="section">
    <!-- 第二个分区的内容 -->
  </div>
  <div class="section">
    <!-- 第三个分区的内容 -->
  </div>
</div>

以上代码提供了两种方法来实现没有容器的情况下让3个分区并排的布局。你可以根据具体需求选择其中一种方法来使用。