私は最近メインメニューバーにドロップダウンメニューをインストールして何かに気付きました。ドロップダウンメニューをアクティブにすると、そのすぐ下のH1ヘッダーがページ上を移動します。ドロップダウンメニューのように、途中でテキストが途切れることがあります。ドロップダウンメニューを放すと、ヘッダーまたはテキストが元に戻ります。これは下のテキストを含む他のページでも発生します。これを引き起こしていると私はそれを修正することができますか?CSSメニューをドロップしますか?
答えて
あなたのマークアップを見ることなく100%の確実性で言うことは不可能ですが、あなたのメニューのネストされたリスト(ul)は絶対位置に設定されていません。それを絶対に設定すると、ページの流れから取り除かれるので、下のコンテンツを強制的に押さえるのではなく、他のコンテンツの上に表示されます。あなたのマークアップを表示し、私は確かに言うことができます。
あなたはおそらく正しいでしょう。私はCSSの専門家ではありません。私はulの中にulを作成してドロップダウンを作成し、次にそれを以下のCSSスタイルでスタイルしました。あなたが言うようにコンテンツはそれを下に強制する以外はすべてうまく動作します。次のどのスタイルを使用して絶対位置を設定しますか。 1.#main-nav li ul –
1.#main-nav li ul - パディングとマージンを0に設定し、レイアウト表示なし。 2.#main-nav li:hover ul - width-159、layout - display-block 3.#main-nav li li - 表示リスト項目、リストスタイルの種類 - なし。 –
#main-nav liはpositionが必要:relativeと#main-nav li ulはposition:absoluteが必要です。 – kinakuta
- 1. iPad/iPhoneで応答しないJquery/CSSメニューをドロップする
- 2. siFRタイトルをドロップしているCSSメニューがIEで破損する
- 3. メニューに従ってドロップ
- 4. CSSサイドバーが理由なくページをドロップしていますか?
- 5. CSSメニューとJavaScriptメニュー
- 6. CSS/HTML]メニュー - 私はCSS/HTMLでメニューを作成したのiOS
- 7. CSSメニュー
- 8. strutsメニュー - 'アクティブ'メニューcss doesnt work
- 9. CSSボックス/ ulメニュー
- 10. CSS水平メニュー
- 11. CSS - 左メニュー
- 12. CSSメニューCSSの混同
- 13. 変換CSSがメニューを消してしまっています
- 14. jQueryのドラッグ&CSSでドロップ
- 15. 基本的なJqueryメニューをゼロからドロップ
- 16. CSSのメニューは、IE7
- 17. メニュー項目のCSS
- 18. 100%幅CSS navbarメニュー
- 19. CSSメニュー、UL李リスト
- 20. JavaApplet上のCSSメニュー
- 21. CSSの曲線メニュー
- 22. マルチレベル水平メニューCSS
- 23. メニューのCSSのヘルプ
- 24. 対応メニューCSS HTML
- 25. ブートストラップにアイコンを追加メニュー項目をドロップする
- 26. Navbarメニューのドロップダウンが機能しない(クリックしてもドロップされません)
- 27. CSSを使用した水平メニュー
- 28. サブメニューを中心としたCSSメニュー
- 29. メニューがドロップされているかどうかを確認する
- 30. すべてのメニューでCSSまたはjqueryを使用してメニューの下にテキストを追加します
あなたは絶対に要素を配置し、zオーダーを使用していますか? –
Suckerfish Drop Down =) – Dan