Question

我有下拉菜单，它通过列表和位置绝对制作，但下拉链接是非常非常小的区域，并不完全覆盖文本。

我该如何解决这个问题？

Answer 1

从子菜单的UL和LI中删除填充，并给出A元素“display：block”这将使A元素占据菜单的整个宽度。

你可以摆弄填充物，以你想要的方式获得它。

Answer 2

如果你添加：

ul li a {
display: inline-block;
width: 100%;
height: 100%;
}

它应该可以工作，因为即使IE允许display: inline-block;本机内联元素，它应该是相对跨浏览器友好的（当然在有效的doctype下）。

值得记住，父padding上的li也会减少子a元素的可能宽度，以及同一父display: inline上的li也可能会导致小麻烦（因为display: block;上的a会更加简单。）

<小时/> 在我的回答之前编辑注意我的最后一段（hr之上）@Chris Bentley correctly noted the points。

Answer 3

进行以下更改：

#headermenu li中的

将padding:20px;更改为padding :0 20px;

从top:55px;

添加删除#headermenu li ul

Answer 4

您可以做的是制作li元素display:list-item和a元素display:block。这就是你要链接的网站上正在做的事情。