css如何让两个div并排且不相互重叠呢

可以使用CSS中的float属性，将两个div浮动到左侧或右侧，并设置宽度使它们不重叠。例如：

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

.left {
  float: left;
  width: 50%;
}

.right {
  float: right;
  width: 50%;
}

这样就可以让两个div并排，且不相互重叠。注意，如果父容器有边框或padding，需要将两个div的宽度减去边框和padding的大小。