Html 当我悬停时，如何使其他块保持静止而不在CSS中移动？

正文{
背景：#caa178；
}
navbar先生{
溢出：隐藏；
背景色：#605f5f；
位置：固定；
排名：0；
宽度：100%；
z指数：999；
}
纳瓦尔先生{
显示：块；
颜色：#cdcdcc；
文字装饰：无；
填充：30px；
浮动：对；
右边距：10px；
职位：固定；
}
.导航栏a:悬停{
背景：#3a3b3b；
字体大小：1000；
}

---

您可以为菜单中的

a

元素指定固定宽度，也可以使用

monospace

字体：

正文{
背景：#caa178；
}
navbar先生{
溢出：隐藏；
背景色：#605f5f；
位置：固定；
排名：0；
宽度：100%；
z指数：999；
}
纳瓦尔先生{
显示：块；
颜色：#cdcdcc；
文字装饰：无；
填充：30px；
浮动：对；
右边距：10px；
字体系列：monospace；
}
.导航栏a:悬停{
背景：#3a3b3b；
字体大小：1000；
}

您正在更改

字体大小

这将更改字体大小，这将影响悬停的div大小。我知道，有没有办法更改字体大小，但保持导航栏中其他两个非悬停按钮不动？它们会稍微移动，以补偿由于字体重量而略微增加的大小，我不希望这样。。这会有帮助的