<a> elements in dropdown menu fit the parent <li> (HTML list)</li></a>的宽度

Question

我有一个用HTML和CSS制作的下拉菜单。我一直在与菜单中的项目进行斗争，因为它们几乎没有宽度100％的[li]，就像在图像上一样：

只想制作第二个（和第三个元素）以适合li - 与第一个元素的宽度相同（[li]和[ul]宽度自动与列表中最宽的元素相同）

这是我的CSS代码：http://pastebin.com/tNfYmSpJ

HTML：http://pastebin.com/mvBRietS

我在使用本教程：http://www.handy-html.com/create-a-simple-css-dropdown-menu/ 但修改了一下。我试图获得列表中[a]元素的相同宽度（在[li]标签中），但从未成功：P 是否有简单的方法来强制链接a适合父[li]宽度的100％？我知道可以设置[a]的固定宽度，但它不是我要找的解决方案：/

Answer 1

a元素默认为inline-level元素。要使其成为block-level元素，请按照

更改其display属性

例如：

a {display:block;}

根据您链接的示例，您很可能会这样做：

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