Html 菜单在悬停时不稳定

菜单在悬停时不稳定。。。当我悬停在某物上时，我应该怎么做才能使其他元素停留在一个地方

悬停时设置为粗体，这会将所有内容移动到两侧

.navlinks{
边缘顶部：45像素；
填充：0；
}
李乃武先生{
显示：内联块；
}
纳武利先生{
颜色：黑色；
字体大小：300；
字号：1.5em；
文字装饰：无；
边框底部：1px白色虚线；
}
.李娜：悬停{
字号：700；
边框底部：无；
}
.navlinks ul>li:不是（：第一个孩子）{
左边距：30px；
}

您可以将

上的宽度设置为静态宽度，或使用display:table设计菜单

这里的两个例子：

---

您可以将

上的宽度设置为静态宽度，或使用display:table设计菜单

这里的两个例子：

---

您可以使用

文本阴影来模拟粗体字体。这不会影响布局


.navlinks{
边缘顶部：45像素；
填充：0；
}
李乃武先生{
显示：内联块；
}
纳武利先生{
颜色：黑色；
字体大小：300；
字号：1.5em；
文字装饰：无；
边框底部：1px白色虚线；
}
.李娜：悬停{
文本阴影：0 1px黑色，1px 0黑色，1px 1px黑色；
边框底部：无；
}
.navlinks ul>li:不是（：第一个孩子）{
左边距：30px；
}











您可以使用
文本阴影来模拟粗体字体。这不会影响布局


.navlinks{
边缘顶部：45像素；
填充：0；
}
李乃武先生{
显示：内联块；
}
纳武利先生{
颜色：黑色；
字体大小：300；
字号：1.5em；
文字装饰：无；
边框底部：1px白色虚线；
}
.李娜：悬停{
文本阴影：0 1px黑色，1px 0黑色，1px 1px黑色；
边框底部：无；
}
.navlinks ul>li:不是（：第一个孩子）{
左边距：30px；
}











是否要删除粗体？删除
font-weight:700font-weight:700