css - 下拉菜单不正确显示

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 使其拉伸(stretch)以合并内部内容。

如果您在 firebug 的 html 选项卡中将鼠标移到它上面，您可以看到区域元素高亮显示。