サイトの右側のサイドバーで「自家製」の php カレンダーを使用しています。サイト本体は1000px固定です。イベントが予定されているカレンダーの日付にカーソルを合わせると、そのイベントの詳細を示す div が表示されます。視覚的な表現は次のとおりです。
ここでの問題は、通常、イベント ボックスが本体の境界を超えていることです。小さいモニターでは、ボックスが画面の右側からはみ出し、読み取ることができません。右ではなく左に倒してみたのですが、これでは本文が隠れてしまい、変な感じになってしまいます。ボックスを右に倒すためにできることはありますか?必要に応じて (小さい画面で表示する場合)、左に押しますか? フロートに似ていると思います。
ありがとう。
編集:申し訳ありませんが、ボックスを表示する方法について言及するのを忘れていました。それは完全に CSS 主導です。包含要素は相対的に配置され、ボックスは絶対的に配置されます。それらはページ外に保持され (左: -9999px;)、カレンダー セルにカーソルを合わせると表示されます。このプロセスはより迅速なようです。したがって、この問題を回避するように要素を配置することはできません。
ボックスをセルの左側に配置したくありません。訪問者の画面サイズのために特に必要でない限り、右に配置したい。