Css 宽度<；a>；下拉菜单中的元素适合父级<；李>；（HTML列表）

我有一个用HTML和CSS制作的下拉菜单。我总是与菜单中的项目发生冲突，因为几乎没有一个项目的宽度为[li]的100%，如图所示：

只想使第二个（也是第三个元素）与第一个元素的宽度相同（[li]和[ul]宽度自动与列表中最宽的元素相同）

以下是我的CSS代码：

HTML:

我正在使用本教程： 但是稍微修改了一下。我试图在列表中获得相同宽度的[a]元素（在[li]标记中），但从未成功：P

---

有没有简单的方法可以强制链接a 100%适合父[li]宽度？我知道可以设置[a]的固定宽度，但这不是我想要的解决方案：/

默认情况下，

a

元素是一个元素。要使其成为元素，请根据更改其

显示

属性

例如：

a {display:block;}

根据您链接到的示例，您很可能希望：

#mainmenu li a {
    ...
    display:block
}

---

为了将来的参考，请在这里发布您的代码，而不是在JSFIDLE或Pastebin上链接到它。另外，请发布你的HTML代码。当我在这里粘贴代码时，有一个警告告诉我，我的大部分消息都是代码，我应该写更多的文本内容。。。所以我粘贴了链接到它。但是谢谢你的建议，在我的CSS中，我有一个带有“diplay:block”的“.menu a”定义。我的UL有。菜单类-所以它应该工作。。。但效果和附加的屏幕一样。使用Opera开发者工具检查元素时，子菜单中的这些链接会应用“.menu a”。魔法还是其他id不起作用的东西？@Szorstki这种方式很难调试，你最好在中提供一个实例。现在您已经缩小了范围，我的猜测是

li

父元素限制了

a

元素的宽度，因为它们被设置为

display:inline block都是关于“float:none”；在下拉列表中：）@Szorstki基本上是一样的。给
内联
元素一个
float
值会自动应用
display:block
。我知道，但不知道浮动对宽度的影响：）