css - 右に押されているCSSナビゲーションアイテム

Question

レイアウトで作業しようとしていますが、ナビゲーションに問題があります。以下に投稿されたCodepenを見て、ナビゲーションの[ホーム]リンクにカーソルを合わせると、ドロップダウンメニューが表示され、他のメインリンクが左側にプッシュされます。これを引き起こしているのは何ですか？どうすれば修正できますか？私はそれを数時間いじっていて、迷子になっています。助けてくれてありがとう。

http://codepen.io/anon/pen/Cmcyr

Answer 1

a、ulまたはlisには幅が設定されていないため、ulが表示されると、親は最も幅の広い子の幅に拡大します。

lisから水平方向のパディングを削除し、text-align: center;それらまたはその親（ul）に、その親（）と同じサイズまたは狭い最大幅を設定しaます。