CSS Horizo​​ntal Menu : display: inline AND block? 让链接覆盖整个LI？

Question

通常，为了使链接填满整个 li，我使用 display: block;。但是对于水平菜单，我需要将其设置为 display:inline;所以它排成一行。我试过 display:inline-block; 但这没有帮助。我见过实现此目的的水平菜单，但我无法从其源代码中找到方法。

有什么想法吗？谢谢。

Answer 1

将 height 和 width 应用于父 li 元素，然后:

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

JS Fiddle demo .