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;
}