CSS列表導航不遵守寬度規則

我使用無序列表創建3層導航。由於某些原因，當我將寬度設置爲第三層時，它不會粘住。不知道我做錯了什麼。任何和所有的幫助，非常感謝！多謝你們。以下是jsfiddle鏈接：http://jsfiddle.net/VnUMF/，您可以通過查看資源>工程庫來查看此問題。CSS列表導航不遵守寬度規則

2012-10-04 Damien

＃1樣式列表規則：除了位置和浮動，將所有樣式放在A標籤上並使用* display：block *。 –

設置寬度上#subItemsR li a。這將覆蓋您爲#navList li a設置的寬度，這是目前適用於所有菜單鏈接的寬度。

2012-10-04 18:33:17 tuff

這工作...真棒。謝謝大家！ – Damien

你覆蓋的寬度與此：

#navList li a

2012-10-04 18:32:08 MiniRagnarok

您可能已經注意到很容易診斷。我對初學者提供的最好建議是使用Chrome或Firefox的Firebug附加組件。使用Chrome，右鍵點擊您要查看的元素。點擊「檢查元素」。在右邊，它顯示了CSS的繼承。您可以即時更改/禁用這些功能。 – MiniRagnarok

感謝您的建議...我一定會考慮它的鉻！ – Damien

如果您將寬度應用於#subItemsR li a，它將起作用。但是，最理想的是，如果可以的話，你應該讓它們自動調整寬度。

2012-10-04 18:33:50

自動寬度的問題是每個框看起來似乎是不同的大小。我會喜歡它自動寬度，以便最長的單詞領先的寬度和所有其他鏈接跟隨。 – Damien

回答