css链接没有使所有的文本链接？

Question

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

我该如何解决这个问题？

例http://outreviews.com/v%202/index.html（下拉式菜单）

Answer 1

如果添加：

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

它应该工作正常，并且因为即使IE允许display: inline-block;上本地在线元件应该是比较跨浏览器友好的（当然下一个有效的doctype）。

值得记住的父li是padding也会减少孩子a元素的可能的宽度，并于同父li的display: inline也可能给你带来一个小麻烦（因为display: block;在a会更简单）。

---

编辑在我的答案之前在我的最后一段（在 hr之上）注意到 @Chris Bentley correctly noted the points。

Answer 2

删除从子菜单的UL和LI填充和给A元素“显示：块”这将使得A元素占用菜单的整个宽度。

你可以摆弄填充以达到你想要的样子。

Answer 3

做如下修改：

在#headermenu li变化padding:20px;到padding :0 20px;

添加删除top:55px;从#headermenu li ul

Answer 4

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