晃动悬停菜单栏答案

【问题标题】：Shaking Hovering Menu bar晃动悬停菜单栏
【发布时间】：2014-12-09 11:54:35
【问题描述】：

当您悬停菜单链接时，您可能会注意到当您悬停一个链接时其他链接在晃动或移动，我知道如果我删除填充（10px 10px），它会好的，但是悬停背景的棕色变小了。这就是为什么我添加填充以使其正确，唯一的问题是我试图消除其他链接的抖动？

(http://codepen.io/anon/pen/YPwLRE)

【问题讨论】：

能提供个js吗？
注意：我尝试在发布前第一次尝试添加 CodePen 链接，但它不起作用。所以我在不提供 CodePen 链接的情况下发布它，然后编辑帖子以添加链接，现在可以工作了。怎么会？
@CarterB 指向 codepen.io 的链接必须附有代码。
我单击 CTRL K，然后在空格逗号之间粘贴代码，但不起作用。（对不起，我是新来了解 StackOverflow 的）。 :)

标签： html css

【解决方案1】：

在鼠标悬停前添加了一个填充属性，填充值与a:hover相同

.topside-nav a {
    text-decoration: none; padding: 10px 10px; /*added padding */
}

【讨论】：

【解决方案2】：

我修复了你的代码。只需在 li 链接中添加相同的填充。

.topside-nav li a{
     padding: 10px 10px;
}

【讨论】：