在 CSS 中，max-height 属性用于设置元素的最大高度，它指定元素的最大高度，如果内容高度大于这个值，元素会出现滚动条，以显示剩余的内容。
以下是 max-height 属性的语法：
selector {
max-height: value;
}
其中，selector 是要应用样式的元素选择器，value 是要设置的最大高度值。
value 可以是各种单位，例如像素（px）、em、rem、百分比（%）等。
下面是一个示例，将一个 div 元素的最大高度设置为 120 像素：
div {
max-height: 120px;
overflow: auto;
}
在这个例子中，如果元素的内容高度小于120 像素，则元素的高度将根据其内容进行自适应。如果元素的内容高度大于120 像素，则元素的高度将被限制为 120 像素，并出现垂直滚动条。overflow: auto 属性指定当内容超出元素的 max-height 属性指定的值时，显示垂直滚动条。
与 min-height 属性类似，max-height 属性也可以与 height 属性一起使用。如果元素的内容高度大于 height 属性指定的值，元素会出现垂直滚动条以显示剩余的内容。如果元素的内容高度小于 height 属性指定的值，元素的高度将根据其内容进行自适应。如果元素的高度已经大于 max-height 属性指定的值，则 max-height 属性不会起作用。例如：
div {
height: 120px;
max-height: 500px;
overflow: auto;
}
在这个例子中，如果元素的内容高度小于 120 像素，则元素的高度将设置为 200 像素。如果元素的内容高度大于 120 像素且小于 500 像素，则元素的高度将根据其内容进行自适应。如果元素的内容高度大于 500 像素，则元素的高度将被限制为 500 像素，并出现垂直滚动条。