使用CSS创建日历控件：如何自动布局事件

Question

我正在创建一个基于JavaScript的日历控件，当显示一天时需要列出发生的任何事件。我想使用CSS float:left来让浏览器自动布局事件。

我希望事件能够自动堆叠，以便它们尽可能浮动到最左边。然后堆叠就好像与另一个事件重叠一样。

但是我遇到了问题，目前看起来像这样：

这是我想要达到的结果：

如何使用float实现此效果？

Answer 1

您是否尝试使用绿色元素将"clear:both;" css样式属性用于块？

此外，您可能会发现已经创建的jQuery插件（如FullCalendar）可以满足您的需求。