各リンクの同じ幅のドロップダウン

Question

nelly.seのようにリンクごとに同じサイズのドロップダウンメニューを作成するためにいくつかのコードを検索してみましたが、それはわかりません。私はこのコードを試しました：

.nav-dropdown{position:fixed; left:0; right:0;} 

しかし、それはまったくできません。

私が働いているウェブサイトは次のとおりです。http://94.247.169.169/~welloteket/は

Answer 1

position: fixed本当にそれがすべてでスクロールできないことを意味し、ウィンドウに関連して、それを修正します - 動作しません。

通常、ドロップダウンの場合はposition: absoluteを使用し、leftとtop settings as neededを調整します。少なくとも2つの重要な追加事項があります：

1.）それは、あなたが修正したいと考えている要素の直接の子要素でなければなりません。あなたがリンクしている例では、黒のナビゲーションバー、おそらくul要素がそこにあります。

2.）その親コン​​テナはposition: relativeである必要があります。

「メガドロップダウン」の種類（関連するメインメニューエントリに関係なく各ドロップダウンのサイズと位置が同じです）は、通常のドロップダウンよりも扱いにくいです（つまり、メインメニューエントリのすぐ下/あなたは必然的にJavascriptが必要です。

これらの一般的なガイドライン以外に、詳細なコード（HTML、CSS、JSなど）がある場合にのみお手伝いします。