css - 页面菜单在悬停时跳跃

Question

当悬停在我的第二个菜单上时（可以在那里找到：http: //justxp.plutohost.net/survive/index.html）

项目正在跳跃。

一旦我向它们添加了带有填充的背景，它就会发生，这就是它所需要的，但它应该只是出现，而不是跳跃？

我的代码：

HTML + CSS 可以在这里找到：

http://pastebin.com/cbLDRefB

谢谢。

Answer 1

为了不跳跃，您不应更改悬停时元素的大小

你有

.nav6 a:hover {
    padding: 21px;
}   

因此，您不仅需要为所有链接添加填充:hover

.nav6 a {
    padding: 21px;
}