0

独自の HTML/CSS を使用してカレンダー コンポーネントを作成しています。
ヘッダー全体に水平方向 (x 軸) に複数のカテゴリを含めることができ、垂直方向 (y 軸) に最大 24 のタイムスロットを含めることができます。

垂直方向にスクロールする場合はカテゴリ ヘッダーが常に表示され、水平方向にスクロールする場合はタイム スロットが常に表示される必要があります。

cssでこれを達成するにはどうすればよいですか?

私が欲しいもののスクリーンショットを参照してください（コンテンツオーバーフローを引き起こすヘッダー全体でより多くのトラックを画像化します）。 ここに画像の説明を入力

たぶん、これを私の単純なhtml構造と見なします:

<div class="calendar">
    <div class="calendarColumnHeaders"></div>
    <div class="calendarGrid">
        <div class="timeSlotsColumn"></div>
        <div class="tracksContainer"></div>
    </div>
</div>

ありがとう

4

2 に答える 2

-1 
overflow-x: scroll; //horizontal
overflow-y: scroll; //vertical
于 2013-09-27T13:46:40.460 に答える