css - ドロップダウン メニューが同じトップ要素の下に表示される

Question

Web サイトを参照してください - http://webbetasite.com/dahlberg/

ご覧のとおり、ドロップダウン メニューが親の下に正しく表示されていません。

助けてください、ありがとう。

Answer 1

position:relativeに追加する必要があります

#header .container #top-menu ul.top-menu li

現在のように、ドロップダウンがparentメニュー項目に対してではなく、relative相対的に開くようにしますtop-menu。

Answer 2

各サブメニューを左から一定の距離に配置できます。各サブメニュー項目に ID を与え、これに css ディレクティブを設定します。例：

<li class="sub-menu" id="sub1">Entry</li>

CSS:

#sub1 {left:120px;}