CSS max-height 属性

它设置了元素内容框的最大高度。这意味着内容框的高度可以小于 max-height 值，但不能大于它。它为元素的高度设置了上限。

当内容大于最大高度时，它会溢出。如果内容小于 max-height，此属性则不起作用。此属性确保 height 属性的值不能大于 max-height 属性的值。它不允许负值。

有时将元素的高度限制在一定范围内会很有用。

语法

此 CSS 属性的值定义如下。

none: 这是默认值，它不会限制内容框的大小。

length: 此值以 px、cm、pt 等为单位定义 max-height。

**初始：**它将属性设置为其默认值。

inherit： 它继承父元素的属性。

现在，让我们看一个这个 CSS 属性的例子。

示例

在这个例子中，有四个带有内容的段落元素。我们使用 max-height 属性的 length 值来定义这些段落的最大高度。第一个段落的最大高度是 60px，第二个段落是 6em，第三个段落是 130pt，第四个段落是 5cm。

第一个段落的内容大于 max-height 属性的值，因此在输出中，我们可以看到第一个段落的内容溢出了内容框。

输出