Question

基本上，我希望能够为我正在制作的水平列表指定我的“li”元素的高度。 “线高”和“高度”对“li”的可见高度没有影响。唯一改变“li”高度的是改变“li”中使用的字体的大小。当“list-style”设置为“none”时，甚至会发生这种情况。

是什么给出了？

Answer 1

将li设置为display: inline-block或float: left。

list-style基本上只是确定要用于列表的项目符号，否则不会真正影响内部元素。

Answer 2

尝试设置 {/ 1}}上的{/ 1}}

Answer 3

这样做：

ul {
    overflow: hidden;
}

li {
    float: left;
    height: 200px; /* as required */
}

以上是另一种获取列表项内联显示的方法，不使用display: inline;这是一个非常严格的属性，应该谨慎应用。

Answer 4

font-size会影响li元素的计算高度（取决于里面的内容）IF line-height是比例还是相对的并且没有在li上设置高度（或li是display：inline）。
行高会影响li元素的计算高度（取决于里面的内容）如果li上没有设置高度（或者li是display：inline）。
高度将影响li元素的计算高度，如果它显示：inline-block或display：block only（高度在显示时根本没有效果：内联）。

有关font-size和line-height如何以不同方式影响li高度的示例，请参阅http://moorer.me/mmKVHM，具体取决于所使用的技术。如果将a设置为display：block，则可以稍微避免这些差异，因此出于示例目的，我没有这样做。

其他人已经分享了两种最常见的水平菜单解决方案 - 内联块或浮动块。可以使用内联，但可能无法为您提供所需的控件。