我一直在尝试为预定的活动构建网页显示。每个事件都有一个动态计算的宽度（基于事件持续时间）和margin-left（基于开始时间）。每个事件的高度也基于需要显示的内容。如果没有重叠事件将元素移动到包含div的顶部，是否有任何简单的方法可以“移动所有内容”？
我已经尝试将每个事件放在一个行div中，这会产生一个大的垂直事件堆栈，并且基于小时的列，这会使事件重叠。
通常我会在这里找到答案，第一次发帖（因此，我无法发布图片）。我会根据需要提供任何澄清细节。这是dev页面的链接。
http://198.101.211.222/index.php/matrix/dayview/2012/10/16/237
答案 0 :(得分：0)
您需要为一种颜色的每个元素计算左边缘位置和右边缘位置。 然后当您放置元素时：将行号设置为0.然后，您必须查看同一行上的所有元素，并检查当前元素的左边缘或右边缘是否位于某个边缘内。是这样你将行号增加2并再次开始检查。 如果没有找到同一行匹配 - 将元素放在当前行值
上