html - 子导航移动

Question

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

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

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

Answer 1

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

演示

Answer 2

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