javascript - CSS ドロップダウン メニューが正しく配置されていない

Question

クライアント用にhttp://pizzli.com/millingtonを開発し、ドロップダウン メニューには CSS のみを使用しました。うまくいったのですが、なぜか右に寄ってしまいます。下の写真を見てください。任意の支援をいただければ幸いです。

Answer 1

left: inherit;を作成してmargin-left: xyz;から、要素を親に対して相対的に配置してみてください。andをand
に変更する必要があるかもしれませんが、これは私にとってはうまくいきました。left:margin-left:right:margin-right:

Answer 2

ねえ、私はあなたがあなたのドロップダウンナビがあなたのli位置相対に与えるよりも左に開始され、sub ulがこのように左と絶対プロパティに与えることを望みます

css ファイルにいくつかの変更を加えます

#navigation li {
    float: left;
    list-style: none outside none;
    position: relative;
}

この

#navigation li:hover ul {
    display: block;
    left: -16px;
    margin: 0;
    padding: 0;
    position: absolute;
}