css - CSS 导航项被向右推

Question

我正在尝试进行布局，但导航有问题。如果您查看下面发布的 Codepen 并将鼠标悬停在导航中的“主页”链接上，则会出现下拉菜单，并将其他主要链接推向左侧。是什么原因造成的，我该如何解决？我已经搞砸了几个小时，我迷路了。谢谢你的帮助。

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

Answer 1

或s上没有设置宽度a，因此当显示 时，父级将扩展到其最宽子级的宽度。ulliul

从lis 中删除水平填充并设置text-align: center;并给它们或它们的父级 ( ul) 一个与父级 ( ) 相同或更窄的最大宽度a。