max-height

CSS max-height 属性用于为元素指定一个最大高度。

如果属性设置的高度比该属性设置的高度还大,则属性会失效，元素的高度为 max-height 属性指定的值。

max-height 属性通常用于约束某个元素的高度范围。与之对应的属性的 min-height ，它用于指定元素的最小高度。

max-height 属性会覆盖掉属性, 但是 min-height 又会重载（覆盖掉） max-height 属性。

max-height 属性的值不允许为负数。

max-height 属性的关键字取值不会受属性的影响，它们通常是在内容区域设置高度。

max-height: <length> | <percentage> | none | inherit
                            

在CSS3中，为 max-height 属性增加了一些新的取值，语法如下：

max-height: [ [<length> | <percentage>] && [border-box | content-box]? ] | available | min-content | max-content | fit-content| none
                            

参数：

max-height: 100%;
max-height: 100vh;
max-height: 10em;
max-height: 400px;
max-height: none;