Html 自动将重叠Div调整为具有相同左边距的新行

我在一个容器中为每一个都留了一些空白
问题是如果我使用position:absolute设置它们的样式，这些跨距会重叠。另一方面，当我不使用绝对位置时，它们显示为右，因为每个块都有自己的线

我不能把他们每一个都换成一行。我只需要将重叠的跨距移到或推到一条新的直线上，任何没有重叠的东西都需要尽可能地显示在空间中，而不妨碍左边距

请建议或帮助我摆脱这种情况

.sp{
保证金：2倍；
高度：20px；
边界半径：5px；
显示器：flex；
证明内容：中心；
对齐项目：居中；
不透明度：0.7；
}
.sp2{
保证金：2倍；
高度：20px；
边界半径：5px；
位置：绝对位置；
显示器：flex；
证明内容：中心；
对齐项目：居中；
不透明度：0.7；
}

第一组
第2组
第3组
第二个结果
第一组
第2组
第3组

请共享您的代码，以便我们能够更好地了解您的情况。@Nil Hi我添加了代码。请共享您的代码，以便我们能够更好地了解您的情况。@Nil Hi我添加了代码。