Html CSS：锚点不接受高度

我已经为此烦恼了一个多小时，我真不明白为什么它不起作用

HTML:

将

div#主菜单div.menu ul li a

更改为：

div#mainmenu div.menu ul li a
{
    display: block;
    width: auto;
    background: none;
    margin: 10px auto;
}

---

a

元素默认为

inline

，您无法设置inline元素的高度/宽度。

尝试行高而不是高度：

行高：36px

---

链接的默认显示类型为内联，不响应高度或宽度。相反，告诉您的链接是内联块，这保留了链接的流，但使它们尊重您对特定大小（高度）的请求

---

内联块

可能更合适，但这绝对是一个选项。我们很高兴在一个简单的示例中看到这一点。比如3行。这就是为什么有一个JSFIDLE链接到一个示例。

div#mainmenu { position: absolute; top: 40px; right: 0; font-size: 77%; }
div#mainmenu div.menu ul,
div#mainmenu div.menu ul li,
div#mainmenu div.menu ul li a
{
    height: 36px;
}
div#mainmenu div.menu ul {  
    display: table;
    float: left;
    width: 700px;
    table-layout: fixed;

    position: relative;
}
div#mainmenu div.menu ul li
{
    display: table-cell;
    padding: 0 10px;
    overflow: hidden;
}
div#mainmenu div.menu ul li a
{
    width: auto;
    background: none;
    margin: 10px auto;
}

div#mainmenu div.menu ul li a
{
    display: block;
    width: auto;
    background: none;
    margin: 10px auto;
}

div#mainmenu div.menu ul li a
{
    display:inline-block;
    height:36px;
}