为什么显示:内联取消高度？

Question

我正在制作一个id menu为具有以下设置的菜单:

display: inline;
height: 200px;

一旦我移除display: inline;,身高再次起作用.

为什么？

Answer 1

display: inline;

通常用于指文本元素;

从w3c页面:

[inline]使元素生成一个或多个内联框.

因此,您必须设置的高度是line-height属性.从w3c页面:

在内容由内联级元素组成的块容器元素上,"line-height"指定元素中线框的最小高度.

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