javascript - 对 div 进行排序而不留任何空隙

Question

有什么方法可以调整我的 div 元素的大小而不在页面上留下空白？我认为唯一的选择是计算可能产生的间隙并移动元素。提前感谢任何想法。

Example - (Please click on the cards in order to resize)

Answer 1

单击时，您可以将卡片的 div 的定位更改为绝对位置并增加 z-index，以便它显示在所有其他卡片之上。我建议您在每张卡片周围创建另一个包装 div 并使用相对定位，以便在您切换到卡片上的绝对定位时将边界锁定到位。

此解决方案将允许除当前选定的卡片之外的所有卡片保持其位置。