ホームページ > ウェブフロントエンド > htmlチュートリアル > HTML での要素の動的生成により重複とレイアウトの混乱が生じる_html/css_WEB-ITnose

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

WBOY
リリース: 2016-06-24 11:36:27
オリジナル
1779 人が閲覧しました

左上隅に示すようにページを作成しました。「 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レイアウトを設定することでこの問題を解決しました。
ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート