画像を基準にしてdiv要素を配置する

誰でも教えてください。私のウェブサイトの画像をクリックするとすぐに画像が表示されますが、ウィンドウのサイズを変更すると、最初は飛び出しましたが、イメージが動くので、window.resizeイベントまたはjquery resizeイベントを使用せずに、このメニューをイメージの下に配置するにはどうすればいいですか？これは、今画像を基準にしてdiv要素を配置する

$('#div').css({ 
    "left": ($("#menu").offset().left + ($("#menu").width()/2)) + "px", 
    "top": ($("#menu").offset().top + $("#menu").height()) + "px", 
    "position":"absolute" 
});

出典

2012-03-21 user1284460

今日私の神秘的な力はそれほど良くありません。だから、あなたがしたことをもう少し投稿する必要があります。 –

'position：absolute'の代わりに' position：relative'を試しましたか？ –

相対的な仕事は、イメージをクリックするとメニューが現時点ではその画像の下に開くはずですが、何が起こっているかはウィンドウのサイズを変更すると画像とメニューの間のギャップが大きくなるためです。 – user1284460