0

我有一个表格列，并在其中动态放置了一些 div。div 是 container-div 的子级，因此它们可以绝对定位在其中。

这是一个例子：

<div class="container" style="width: 100px">
  <div id="div1" style="position:absolute;top:50px;height:100px;width:100px"></div>
  <div id="div2" style="position:absolute;top:50px;height:100px;width:100px"></div>
</div>

这里的第一个问题是，div2 覆盖了 div1。所以div1需要50px的宽度，div2也是。div2 必须向左：50px。有没有办法检查一个div是否覆盖另一个div？或者是否有任何适合列中所有 div 的 jQuery 插件？

这是我需要的一个例子。它来自谷歌日历：

例子

编辑：好的，现在我可以用一些 JavaScript 来做这些：

在此处输入图像描述

但我需要这些： 在此处输入图像描述

预约 7 和 6 必须切换。所以它们适合空白空间。我可以用同位素做这些吗？

编辑：可以使用同位素按日期时间排序并手动设置 css top 属性吗？

4

2 回答 2

1

您可以尝试以下插件：

http://masonry.desandro.com/

于 2012-08-29T15:22:32.460 回答
0

使用名为 Z-index 的 CSS 属性。Z-index 将它们作为一个层进行管理。这将允许您将 div 相互重叠。

于 2012-08-29T15:57:12.103 回答