Css HTML：如何防止带填充和边框的跨距重叠？

我有多个带填充和边框的跨距，一个接一个，我想按照窗口的指示进行包装。但当它们缠绕时，它们会重叠。有没有办法不使用表格就避免它们重叠？（注意：它们仅在垂直方向重叠。在水平方向上，它们很好）

使用

display:block

默认情况下，

是

display:inline

，因此添加的边框和填充实际上不会影响其大小。您看到的重叠是因为边框/填充的宽度大于

行的高度

您可能还需要

float:left

，也可以尝试

display:inline block

---

有关显示的更多信息：

我建议将此答案更改为突出显示

显示：内联块第一个（并淡化浮动：左；

）。