ドロップダウンメニューCSS3の位置

Question

メニューUserの上にカーソルを置くと、メニューは左= 0に表示されますが、それはちょうどUserの 'ボタン'の下に表示されます。どうすればこれを達成できますか？ （のみCSS3）

Answer 1

あなたのCSSに、このルールを追加します。

.menu > li { 
    position: relative; 
} 

を説明：あなたが要素にposition: absoluteを指定した場合、topとleftは、他の任意のpositionを持っている最初の親要素に対する相対になりますstaticより。そのような要素が見つからない場合、それはページの相対的なものになります（あなたの場合のように）。エレメントが文書フローから取り出されないため、position: relativeを指定するのが最も簡単な解決策です。