在懸停的每個鏈接上懸停的寬度比懸停的更大

正如話題所述。我希望懸停的人改變他的width。但似乎每個列表元素都會改變他的width。在懸停的每個鏈接上懸停的寬度比懸停的更大

它似乎很容易，但我不明白這一點。有什麼建議麼？

編輯：當U改變width在#nav li a:hover {到background-color: #555; 它工作正常。現在真的很困惑。

它不影響其他元素，它只是移動它們。 See this。

解決方案：添加margin-left: -30px;。這將修復其他元素。
爲什麼30px？ 30px是新舊寬度（90和120px）之間的差異。

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

現場演示：jsFiddle

來源

2012-08-01 14:43:32

我會說這是一種解決方法，而不是一個解決方案...如果用戶更改任何他們將不得不重新計算寬度。有點不認真:) – skip405 2012-08-01 14:57:39

看一看什麼是真正發生在這裏：寬度爲當前鏈路上只改，不是所有的人：http://jsfiddle.net/JjMfU/15/

您需要解決一個不同的問題 - 只需將鏈接放在右邊 - 這是通過將它們向右移動來完成的。注意我在li上加了overflow: hidden來處理浮點數，其他方法也存在。

2012-08-01 14:45:51 skip405

回答