-1

azインデックス付きドロップダウンメニューのあるhtmlページがあります。私はこのドロップダウンメニューを絶対に配置しています。いくつかの左と上の値が与えられています。問題は、ウィンドウが全画面表示のときにドロップダウンメニューが表示されることですが、ウィンドウのサイズが変更されると(PCウィンドウよりも小さくすると、zインデックス要素の位置がずれて見苦しくなります。絶対位置。

誰かがこれを修正する方法を教えてもらえますか?ドロップダウンを常に所定の位置に維持する方法。添付の画像です。 落ちる

4

1 に答える 1

1

含まれている要素に「position:relative;」があることを確認してください。その上に設定すると、上/左の値は、位置が設定された最初の包含要素に基づいています。含まれている要素に位置が設定されていない場合は、次の親を試行し、最終的にデフォルトで本体になるまで続きます。

次に例を示します。

http://jsfiddle.net/erinfreeman/AHWS2/

IDが「one」のdivは相対位置を持っているため、子divはその下/右座標を基にしています。IDが「two」のdivには位置が設定されていないため、子divは次の親に移動します

于 2012-08-30T12:07:08.727 に答える