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被寫入當前的方式。