CSS だけを使用して、ナビゲーション div にドロップダウン メニューを作成しようとしています。私はスタイルと欲しいものをすべて持っていますが、台無しになっているように見えるのは高さだけです. リンクの上にカーソルを置いたときに表示したい 3 つのリスト項目がありますが、表示されるのは 1 つだけです。nav divの高さと関係があることは知っていますが、紫色のバーをそれ以上高く表示したくないので、修正方法がわかりません。通常のように、リンクを下のテキストの上にドロップダウンさせたいだけです。助けてください？
http://www.pitt.edu/~mkm49/1052/available.html
(はい、これは学校の課題のためですが、私はすべての作業を自分で行いました。生徒を助けることに変な人のために、この 1 つの障害を乗り越えるために助けが必要です!)
あなたのコードはすべて間違っているようです。私はあなたのソースを読みましたが、どうやらすべてのメニュー項目を画面のはるか外側に隠しているleft: -999emようです。これはこれを行うには非常に悪い方法です。
CSSdisplayルールを調べてみてください。アイテムをインラインにするかブロックするかによってdisplay: none、div を非表示にしたり、display: block再度表示したりできます。display: inline
displayホバー時の単純な変更など、コードがメニュー項目でどのように動作するかを書き直してみてください。
ノート
ID とクラスを理解しやすくするように努める必要があります。現在、それらは少しまとまりがなく、情報がないように見えます。
これが機能することを願っています！
作業を検査するために、firebug または chrome 開発ツールを使用していますか? いくつかの重複する問題があり、少し調べるだけで解決できるはずです。
これはプロジェクト用なので、簡単なヒント... CSS で絶対配置を大量に使用するという滑りやすい坂道を下っています。これは一般的に良い方法ではなく、間接的に問題の原因となる可能性があります。幸運を！