CSSドロップダウンメニューのアドバイスが必要

Question

私は最初の純粋なcss/htmlドロップダウンメニューを作ろうとしていますが、Hover機能を正しく動作させるには苦労していました。私は大きな回答を受けましたが、今回は、すべてがうんざりしていて、正しい場所にはありません。私はこの時点でとても失われています。

http://jsfiddle.net/X5Dbc/

position: absolute; or somthing like that... 

私は

私は覚えておいてください...それはpositioning 上記jsfiddleを行うには気にいらを持っている予感を私は「ドロップダウン」効果について尋ねた後、持っているものされていそれは適切なCSSになるとまだ初心者です。このメニューを機能させるためのアドバイスや助けがあれば幸いです。建設的な批判はいつでも大歓迎です。

Answer 1

あなたのマークアップは無効です。 IDは一意でなければなりません。つまり、同一の要素に対しては同じIDを使用することはできません。それはclassのためです。とにかくこれにはIDを使用する必要はありません。

トップレベル：

#navwrap > ul { your styles ... } 

サブレベル：

#navwrap ul ul { your styles ... } 

#navwrap ul li ul { 
    display: none; 
} 
#navwrap ul li:hover ul { 
    display: block; 
    position: relative; 
} 

は li

あなたはこのように別々に2 ulのスタイルを設定することができます親に:hoverを移動