Html 为什么带有链接的图像和文本在悬停状态下不断移动

我所有包含链接的图像和文本碰巧在鼠标上方移动。我检查了我的CSS，并尝试了以下几种解决方案，但仍然不起作用：

添加填充物

添加位置：相对

我的网页是

。突出显示框{
位置：相对位置；
文本对齐：居中；
颜色：白色；
填充：0px；
边缘底部：-10px；
}
.突出显示框h3{
颜色：白色；
文字装饰：无；
}
.突出显示框h1{
颜色：白色；
文字装饰：无；
}
.突出显示框h6{
颜色：白色；
文字装饰：无；
}
.突出显示框p{
颜色：白色；
文字装饰：无；
}
.突出显示框a：悬停{
颜色：白色；
文字装饰：无；
}
.居中{
位置：绝对位置；
最高：50%；
左：50%；
转换：翻译（-50%，-50%）；
}

---

问题在于HTML的标记非常无效。纠正它可以解决问题。请记住使用验证标记

以下是我相信您正在寻找的标记（添加黑色背景以显示白色字体）：

正文{
背景：黑色；
}
.突出显示框{
位置：相对位置；
文本对齐：居中；
颜色：白色；
填充：0px；
边缘底部：-10px；
}
.突出显示框h3{
颜色：白色；
文字装饰：无；
}
.突出显示框h1{
颜色：白色；
文字装饰：无；
}
.突出显示框h6{
颜色：白色；
文字装饰：无；
}
.突出显示框p{
颜色：白色；
文字装饰：无；
}
.突出显示框a：悬停{
颜色：白色；
文字装饰：无；
}
.居中{
位置：绝对位置；
最高：50%；
左：50%；
转换：翻译（-50%，-50%）；
}

技能文凭

问题似乎与的边界属性有关。所以试试这个

#megaMenu #megaST li.menu-item-depth-0 a.link-depth-0:link, #megaMenu li.menu-item-depth-0 a.link-depth-0:visited{
           padding: 7px 15px 7px 15px;
           border: none;
    }

---

您的HTML无效。问题不清楚。你需要在这里做什么？尝试在标记之后删除标记。下面还有一个巫婆没有关上手帕，只是注意到了。谢谢！它通过添加边框在我的菜单“无更多问题”上工作：无；我还添加了边框：无！对我的CSS来说{很重要。