html - 为什么显示:inline cancel height?

Question

我正在制作一个 ID 为 menu 的菜单，其中包含以下设置:

display: inline;
height: 200px;

一旦我删除了 display: inline;，高度就会再次起作用。

为什么？

Answer 1

display: inline;

通常用来指代文本元素；

来自 w3c 页面:

[inline] Causes an element to generate one or more inline boxes.

因此，您必须设置的高度是 line-height属性(property)。来自 w3c 页面:

On a block container element whose content is composed of inline-level elements, 'line-height' specifies the minimal height of line boxes within the element.

请注意，您只能控制内联元素的最小高度