正确推送CSS导航项目

时间:2012-09-09 04:58:17

标签: css margin padding

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

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

1 个答案:

答案 0 :(得分:2)

aulli上没有设置宽度,因此当显示ul时,父级正在扩展到其最宽的宽度子。

li中移除水平填充并设置text-align: center;并为其或其父级(ul)提供与其父级相同大小或更窄的最大宽度({{ 1}})。