CSS列表导航不'；我不遵守宽度规则

我正在使用无序列表创建一个三层导航。由于某种原因，当我将宽度设置为第三层时，它不会粘住。不知道我做错了什么。非常感谢您的任何帮助！谢谢各位。这里是JSFIDLE链接：您可以通过查看参考资料>工程库来了解这个问题。

您已经用以下内容覆盖了宽度：

#navList li a

---

在

#子项sr li a

上设置宽度。这将覆盖您为

#navList li a

设置的宽度，该宽度当前适用于所有菜单链接。

如果要将宽度应用于

#subItemsR li a

，则它将起作用。但是，如果可以的话，最好让它们自动变宽。

#1样式列表的规则：除了位置和浮动之外，将所有样式都放在A标签上，并使用display:block。您可能已经注意到这很容易诊断。我给初学者的最好建议是使用Chrome或Firefox的Firebug插件。使用Chrome，右键单击要查看的元素。点击右边的“inspect element”，它显示了CSS的继承。您可以动态更改/禁用这些。谢谢您的建议。。。我一定会调查它的铬！“自动宽度”的问题在于，每个框似乎大小不同。我想它自动宽度，使最长的字领先的宽度和所有其他链接跟进。