下拉菜单显示不正确

Question

我的问题是，当我尝试在“ Departamentos ”下显示我的下拉菜单时，它左侧有点...而不是在Departamentos下的右侧位置。 。

我试了好几个小时但什么都没有，可能是什么问题？

LINK TO THE WEBSITE

Answer 1

将#mainNav li从display:block;更改为display:inline-block;。刚尝试使用firebug，菜单会移动到正确的位置。

问题是，display:block或display:inline li的宽度为零（尽管内部内容），因此所有li元素都会向左移动。 display:inline-block可以扩展内部内容。

如果你在firebug的html标签中将鼠标移到它上面，你可以看到区域元素突出显示。