Создание элемента управления календаря с помощью CSS: Как автоматически размещать события

Question

Я создаю основанный на JavaScript элемент управления календарем, который при отображении одного дня должен перечислять любые происходящие события. Я хотел бы использовать CSS float:left, чтобы браузер автоматически размещал события.

Я бы хотел, чтобы события автоматически складывались, чтобы они перемещались в крайнее левое положение, когда это возможно. Затем сложите, как будто есть совпадение с другим событием.

Однако у меня проблемы, в настоящее время это выглядит так:

Вот результат, которого я хочу достичь:

Как мне добиться этого эффекта, используя float?

Answer 1

Вы пытались использовать атрибут стиля "clear:both;" css для своего блока с зеленым элементом?

Также вы можете обнаружить, что уже созданный плагин jQuery, такой как FullCalendar , может служитьнеобходимо.