用於在日曆上添加事件的html佈局

Question

我正在嘗試製作類似於Google日曆的日曆，但僅查看月視圖，並且遇到了在日子框中添加事件的麻煩。我不知道他們是如何添加那些像這樣的，因爲左邊的浮動不起作用，並且如果他們使用絕對位置，他們怎麼知道什麼頂部給每個事件，就像這張圖片。 http://i40.tinypic.com/1hcfuw.jpg

到目前爲止，我創建了這個網站

<div class="week"> 
    <ul> 
     <li style="width: 300%;">Fishing</li> 
    </ul> 
    <ul> 
     <li style="width: 400%; margin-top: 23px;">Basketball</li> 
    </ul> 
    <ul> 
    </ul> 
    <ul> 
    </ul> 
    <ul> 
     <li style="width: 200%;">Coding</li> 
    </ul> 
    <ul> 
    </ul> 
    <ul> 
    </ul> 
</div> 

的<ul>是天<li>在當天的活動，但我手動添加他們。有沒有簡單的解決方案？謝謝，丹尼爾！

Answer 1

我不明白，單憑CSS就可以做到這一點。

您必須計算服務器端的重疊事件並相應地設置top。如果你想在客戶端做到這一點，你必須使用一些Javascript進行計算。

Google: javascript calendar events應該給一些提示。