div draw other div

Question

我真的迷失在一些代码上。我试图绘制一个dayview日历中的约会。它基于一张桌子，但我用div替换它。表格视图最初有同样的问题，因此我将它重写为div。尽管使用了表格，Chrome仍然正确地显示了它。

我做了一个jsfiddle，所以你可以检查一切。 http://jsfiddle.net/dvr9Z/107/

正如你所看到的，约会是在其他divs后面画的？我试过使用z-index，但没有奏效。我究竟做错了什么？

Answer 1

如果您的代码可以工作，您应该通过将浮动div放在与行相同的结构级别上来获得成功。也就是说，将黑匣子当作当天容器div的孩子，而不是时间片的孩子

Answer 2

SmokeyPHP是正确的。像这样的东西就是你要找的东西。将黑盒子放置为容器的子项，并使用css top属性设置垂直位置。

http://jsfiddle.net/dvr9Z/118/

我不认为这是可以做到你的HTML的div被写入当前的方式。