正如题目所说。我希望悬停的那个改变他的 width。但似乎每个列表元素都会改变他的 width。
这看起来很简单，但我不明白。有什么建议吗？
编辑:当您将 #nav li a:hover { 处的 width 更改为 background-color: #555;
它工作正常。现在真的很迷茫。
最佳答案
它不会影响其他元素，只会移动它们。 <强> See this .
解决方案: 添加margin-left: -30px;。这将修复其他元素。
为什么是 30px？ 30px 是新旧宽度(90 和 120px)之间的差异。
#nav li a:hover {
width: 120px;
margin-left: -30px;
}
现场演示:jsFiddle
关于html - 悬停在每个链接上的宽度变化比悬停的那个，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/11761394/