画面外展開の問題

Question

マウスオーバーイベントで展開する要素をページ上に配置したいと考えています。これは既にうまくいっていますが、要素が含まれているdivの端に近すぎると、展開されたセクションの一部が表示されません（またはコンテナの外側に表示されます）。

div内に展開された要素を完全に配置する修正位置を計算するにはどうすればよいですか？エキスパンド要素は任意のサイズを持つことができ、周囲のdivも可能です。

Answer 1

このコードが静的な場合は、CSSを使用して、包含しているdivと含まれているdivの幅を手動で手動で設定することができます。しかし、コンテンツを含むdivのサイズが可変であれば、javascript（jQueryが好きです）を使用してdivの幅を取得し、その値をdivの最終的な展開ポイントとして使用することができます。

$('.contained_element').css("width", $('.container_element').width()); 

jQueryは、含まれる要素の幅を含む要素の幅に設定します。 jQueryの$(element).width();は、要素の幅を取得し、その値をコードの他の場所で使用するために使用できます。