Css 当块为“时，布局中断”；扩大的；通过增加其填充物&；应用负边际

有点难以用语言表达，所以要表现出来

当鼠标悬停在其中一个绿色块上时，我希望它的背景能够扩展到足以“接触”相邻的矩形（与它们的边距重叠）。但是，当将鼠标悬停在每行的最后一个块上时，布局会变得混乱：下面的行只显示一个元素，以此类推

原因似乎来自于负边际；因为，如果“扩展”类的边距设置为纯0而不是-5，则不会发生此问题。但这当然会在块之间留下一个空间

---

父容器的大小似乎不会改变这一点。请注意，目前我并不特别关心扩展块没有很好地居中，并使其线中的其他块稍微抖动，尽管这可能与问题有关。

将扩展块的去填充更改为10px

---

将延长电缆的去填充改为10px

---

我能看到的唯一方法是将这些块绝对定位（位置：绝对）到您想要的位置。这里的主要问题是，要对长方体进行的更改将导致它们相互占用空间。因此，您需要调整每个鼠标上方的所有间距（使用js）（这很糟糕）。或者绝对地将项目定位到位（每个框的特定定位样式），这样就不会出现部分重叠的问题。只需确保增加活动块的z索引，使其始终“超过”其他块。

我能看到的唯一方法是将每个块绝对（位置：绝对）定位到您想要的位置。这里的主要问题是，要对长方体进行的更改将导致它们相互占用空间。因此，您需要调整每个鼠标上方的所有间距（使用js）（这很糟糕）。或者绝对地将项目定位到位（每个框的特定定位样式），这样就不会出现部分重叠的问题。只需确保增加活动项的z索引，使其始终“超过”其他项。

这可能就是您要查找的输出

---

这可能是您正在寻找的输出

---

好极了。所以这更像是一个“我不知道怎么数数”的问题。。。哎哟。：）每个人都会这样，很高兴能帮上忙。所以这更像是一个“我不知道怎么数数”的问题。。。哎哟。：）每个人都会这样，很高兴能和你在一起help@Gijs当然更简单，但我个人从来都不喜欢负边距。@Gijs绝对更简单，但我个人从来都不喜欢负边距。