css - 下拉菜单中元素的宽度适合父级（HTML 列表）

Question

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

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

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

HTML： http: //pastebin.com/mvBRietS

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

Answer 1

默认情况下，该a元素是内联级元素。要使其成为块级元素，请相应更改其display属性。

例如：

a {display:block;}

根据您链接到的示例，您最有可能希望这样做：

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