Html 晃动悬停菜单栏

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

---

在鼠标悬停之前添加了padding属性，padding值与

a:hover

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

---

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

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

---

你能提供一个js吗？注意：我在发帖前的第一次尝试中尝试添加了CodePen链接，但它不起作用。所以我在不提供代码笔链接的情况下发布了它，然后编辑帖子以添加链接，现在可以工作了。为什么？@CarterB指向codepen.io的链接必须带有代码。我单击CTRL-K，然后在空格逗号之间粘贴代码，但不起作用。（对不起，我是新来这里了解StackOverflow的。）：）@CarterB很乐意帮忙：）我想加上投票，但“投票需要15个声誉”，唉。兄弟，我想检查一下你帖子上的标记，应该只有一个标记。两者都是相似的伟大答案！：）

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