html – 悬停在每个链接上的宽度变化,而不是悬停的链接

2023年7月29日 156次阅读

正如话题所说.我希望徘徊的人改变他的宽度.但似乎每个列表元素都会改变其宽度.

Fiddle

它似乎很容易,但我不明白.有什么建议？

编辑：当您更改#nav li时的宽度a：hover {to background-color：#555;
它工作正常.现在真的很困惑.

最佳答案 它不会影响其他元素,只是移动它们.
See this.

解决方案：添加margin-left：-30px;.这将解决其他因素.
为什么30px？ 30px是新旧宽度(90和120px)之间的差异.

#nav li a:hover {
    width: 120px;
    margin-left: -30px;
}

现场演示：jsFiddle

点赞