将一个div放在两个其他div之上

Question

我必须制定一个小小的时间表概述。 我的问题是午夜发生的事件。

我想做的是以下内容：

在左侧，我有一个“列”（我与div合作）与日子。 在第一栏旁边的第二栏，我有我的活动。

没有问题，对于在同一天开始和结束的事件。 事件不是文本，这是花哨的div，有些添加信息和图标，但在这里我将它们显示为文本。

2012-02-25    Event 1 (8:00-11:00)
              {Some space}
              Event 2 (13:00-15:00)
              {20px space}
--------------------------------------------
2012-02-26    {20px space}
              Event 3 (8:00-11:00)
              {Some space}
              Event 4 (13:00-15:00)

精细！ 但现在，对于午夜发生的事件，我想将事件div放在划分两天并居中的线上方，因此每个事件div的高度为30px，线为2px高，这意味着我想要14px开始日期的过夜事件和结束日期的14px。

每天“行”也是一个div。所以我希望隔夜事件位于两个“行”div和行之上（可能是<hr>，也许是<div>）。

现在我的问题是，这是可能的，如果是的话，怎么样？

祝你好运

修改

这里有一个jsFiddle：http://jsfiddle.net/NoiZy/6Dkta/

现在，另外一个事件应该放在红线上方，每天都有一半的尺寸。

Answer 1

我可能会做这样的事情http://jsfiddle.net/6Dkta/61/ 将每一天的行设置为'position：relative'然后重叠的事件我给了一个类，以便您可以动态添加。 Class TwoDay将位置设置为绝对值，将底部设置为-34px。这样，无论行的大小如何，它都将始终与底部重叠。不确定这是否适用于您的设置，但它适用于小提琴。