0

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

示例 - （请单击卡片以调整大小）

4

3 回答 3

1

我建议你处理点击事件，因为你所有的 div 都是浮动的，定位本身并不能解决你的问题。相反，创建一个包含所有卡片的数组，并在点击事件时从那里删除您选择的卡片，并添加另外四个具有卡片大小的空 div（与您的卡片具有相同的类）。将它们放在扩展卡覆盖的位置。展开的卡片成为绝对定位并仅隐藏那些空 div，而其余卡片保持排序并在正确的位置（因为浮动）。当您折叠卡片时，只需从数组和 html 标记中删除这四个 div。

于 2009-10-15T17:28:35.947 回答
1

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

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

于 2009-10-15T17:00:33.753 回答
1

最简单的解决方案是重新排列所有卡片（不仅仅是调整 div 元素的大小）

于 2009-10-15T16:46:06.920 回答