CSSを使用してカレンダーコントロールを作成する：イベントを自動レイアウトする方法

Question

私はJavaScriptベースのカレンダーコントロールを作成しています。私は、CSSを使用したいfloat:left自動的にイベントをレイアウトするブラウザを取得する。

可能な限り左端に浮かぶように、イベントが自動的に重なり合うようにしたいと思います。次に、別のイベントと重複しているかのようにスタックします。

私は問題を抱えているが、それは現在、次のようになります。

これは私が達成したい結果である：

どのようにすることができます私はfloatを使ってこの効果を達成しましたか？

Answer 1

緑色の要素でブロックに"clear:both;" CSSスタイル属性を使用してみましたか？

また、既に作成されたFullCalendarのようなjQueryプラグインが必要になることがあります。