子导航移动

Question

我创建了一个具有水平子菜单的导航。出于某种原因，当我在子菜单上滚动时，顶级导航栏正在移动。

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

我搜索该网站，但无法找到答案。

Answer 1

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

DEMO

Answer 2

这是因为您的边框设置为您的标签。请记住，每个边框将比您使用的原始标签多产生1px。因此，当您将鼠标悬停时，选项卡将比原始选项卡更大。尝试删除边框并进行测试。