我正在尝试布局,导航问题。如果您查看下面发布的Codepen并将鼠标悬停在导航中的“主页”链接上,则会出现下拉菜单,它会将其他主要链接推到左侧。造成这种情况的原因是什么?如何解决?我已经搞乱了几个小时,我迷路了。谢谢你的帮助。
答案 0 :(得分:2)
a
,ul
或li
上没有设置宽度,因此当显示ul
时,父级正在扩展到其最宽的宽度子。
从li
中移除水平填充并设置text-align: center;
并为其或其父级(ul
)提供与其父级相同大小或更窄的最大宽度({{ 1}})。