Html 当我将鼠标悬停在li元素上时，它们会向下移动

每当我将鼠标悬停在主

nav li

元素上时，它们就会向下移动。我认为这是由于使用保证金造成的，但在删除保证金使用后，我仍然收到这个问题，我不确定这是什么。我知道这很可能是简单的事情。任何帮助都将不胜感激。多谢各位

/*主导航条*/
primarynav先生{
背景色：#ffffff；
边框：实心1px#f76f4d；
位置：相对位置；
高度：50px；
宽度：1430px；
顶部：10px；
}
初级导航{
位置：相对位置；
垫底：10px；
文字装饰：无；
左侧填充：100px；
}
.初级导航a{
位置：相对位置；
显示：内联块；
文字装饰：无；
颜色：#fd886b；
宽度：115px；
高度：50px；
填充：17px 0px 0px 0px；
字体大小：粗体；
边框：1px实心橙色；
}
/*主要导航效果*/
/*.primarynav a:悬停：：之前{
背景色：#fd886b；
}
*/
.主导航a:悬停{
颜色：白色；
背景色：#fd886b；
边框：2个实心橙色；
边界半径：3px；
}
李先生{
显示：内联块；
底部：51px；
填充顶部：50px；
文本对齐：居中；
位置：相对位置；
字体大小：15px；
左：200px；
}

添加边距：-2px；解决这个问题，是因为边界：2倍橙色

.primarynav a:hover {
    color: white;
    background-color: #fd886b;
    border: 2px solid orangered;
    margin: -2px;
    border-radius: 3px;
}

/*主导航条*/
primarynav先生{
背景色：#ffffff；
边框：实心1px#f76f4d；
位置：相对位置；
高度：50px；
宽度：1430px；
顶部：10px；
}
初级导航{
位置：相对位置；
垫底：10px；
文字装饰：无；
左侧填充：100px；
}
.初级导航a{
位置：相对位置；
显示：内联块；
文字装饰：无；
颜色：#fd886b；
宽度：115px；
高度：50px；
填充：17px 0px 0px 0px；
字体大小：粗体；
边框：1px实心橙色；
}
/*主要导航效果*/
/*.primarynav a:悬停：：之前{
背景色：#fd886b；
}
*/
.主导航a:悬停{
颜色：白色；
背景色：#fd886b；
边框：2个实心橙色；
保证金：-2px；
边界半径：3px；
}
李先生{
显示：内联块；
底部：51px；
填充顶部：50px；
文本对齐：居中；
位置：相对位置；
字体大小：15px；
左：200px；
}

这是因为您在悬停时添加了3倍边框。

这是因为您在悬停时添加了边框，即边框：2倍实心橙色；是的，这很有效，非常感谢