子导航移动

Question

我创建了一个具有水平子菜单的导航。出于某些原因，当我翻转子菜单时，顶部导航正在移动。

http://jsfiddle.net/pgorski/2kBru/ - 子菜单位于产品链接上。

我搜索网站但找不到答案。

Answer 1

将border: 1px solid transparent;添加到您的链接

DEMO

Answer 2

这是因为您的边框设置为您的标签。请记住，每个边框将比您使用的原始标签多出1个像素。因此，当您将鼠标悬停在其上时，标签将大于原始标签。尝试删除边框并进行测试。