HTML での要素の動的生成により重複とレイアウトの混乱が生じる_html/css_WEB-ITnose

左上隅に示すようにページを作成しました。「 Shipping to: 」の後に ul が続きます。li は、js の onmouseover メソッドによって動的に生成されます。これは、高速かつ簡単で経済的です。 a>< /a>, global padding: 0; margin: 0; 問題は、図のように ul が乱雑になることです。レイアウトをposition:absoluteに変更してz-indexを設定することは可能ですか?これは悪いことですか？それが達成できる限り。通常、メニューは要素内に隠されています。この方法では、position:absolute、

ul と次の img の間の関係を分析します。

何も問題ありません。それが達成できる限り。通常、メニューは要素内で非表示になります。これにより、position:absolute の必要がなくなります。

リストを表示するかどうかを制御できますが、リストの表示はレイアウトに影響します。下に。これにはz値を設定する必要がありますか?

良いことも悪いこともありません。それが達成できる限り。通常、メニューは要素内で非表示になります。これにより、position:absolute の必要がなくなります。

リストを表示するかどうかを制御できますが、リストの表示はレイアウトに影響します。下に。これにはz値を設定する必要がありますか?
必ずしもそうとは限りません。要素があふれている場合、z-index

‐ ‐ ‐ ‐ ‐ ‐ ‐ ‐ ‐ ‐ ‐ ‐ − ‐ ‐ ‐ ‐ ‐ ‐--を使用する必要はありません。それが達成できる限り。通常、メニューは要素内で非表示になります。これにより、position:absolute の必要がなくなります。

リストを表示するかどうかを制御できますが、リストの表示はレイアウトに影響します。下に。これにはz値を設定する必要がありますか?

必ずしもそうとは限りません。要素がオーバーフローした場合、z-index は必要ありません

上記のリストにposition:absoluteレイアウトを設定することでこの問題を解決しました。