CSS：如何在下拉菜单中停止LI扩展

Question

我有一个相对良好的工作下拉菜单，我想要的，但有一个意外的错误，我不知道如何解决。考虑一下JSFiddle。当您将鼠标悬停在 {A} 上时，错误最为明显。因为嵌套UL有很多元素，它向右扩展，但父LI也加宽以适应它，这使得嵌套A填充宽度，这使得UI扩展和合同。如何让父LI扩展到嵌套UL的宽度？其他嵌套的UL没有显示错误，但这只是因为它们的嵌套LI是空的。

Answer 1

这是一个静态列表吗？

如果是这样，只需在

中添加一个类

<a class="Afixded">{A} ▾</a>

然后进入css

li a.Afixded{width:40px;}

JsFiddle