使用CSS創建日曆控件：如何自動佈局事件

Question

我正在創建一個基於JavaScript的日曆控件，它在顯示一天時需要列出發生的任何事件。我希望使用CSS float:left以使瀏覽器自動佈局事件。

我希望事件能夠自動堆疊，以便它們在可能的情況下向左側漂浮。然後堆疊好像有另一個事件重疊。

但是我有問題，但目前看起來像這樣：

這是我想達到的效果：

哪有我使用float達到這個效果？

Answer 1

您是否嘗試過使用"clear:both;" css樣式屬性來添加綠色元素？

此外，您可能會發現已經創建的像FullCalendar這樣的jQuery插件可以滿足您的需求。