azインデックス付きドロップダウンメニューのあるhtmlページがあります。私はこのドロップダウンメニューを絶対に配置しています。いくつかの左と上の値が与えられています。問題は、ウィンドウが全画面表示のときにドロップダウンメニューが表示されることですが、ウィンドウのサイズが変更されると(PCウィンドウよりも小さくすると、zインデックス要素の位置がずれて見苦しくなります。絶対位置。
誰かがこれを修正する方法を教えてもらえますか?ドロップダウンを常に所定の位置に維持する方法。添付の画像です。
含まれている要素に「position:relative;」があることを確認してください。その上に設定すると、上/左の値は、位置が設定された最初の包含要素に基づいています。含まれている要素に位置が設定されていない場合は、次の親を試行し、最終的にデフォルトで本体になるまで続きます。
次に例を示します。
http://jsfiddle.net/erinfreeman/AHWS2/
IDが「one」のdivは相対位置を持っているため、子divはその下/右座標を基にしています。IDが「two」のdivには位置が設定されていないため、子divは次の親に移動します