语法
max-height 属性的语法非常简单，如下所示：
selector { max-height: value; }
其中，selector 表示要应用该属性的元素选择器，value 表示最大高度值。常见的 value 值包括像素（px）、百分比（%）等。
示例
假设我们有一个 div 元素，我们希望其最大高度为 200 像素，可以这样设置：
div { max-height: 200px; }
这样，无论 div 元素的内容有多高，其高度都不会超过 200 像素。如果内容高度超过了 200 像素，元素将会出现滚动条以便用户查看全部内容。
注意事项
- 当元素的实际高度小于
max-height时，元素的高度将会自动调整为实际高度。 - 如果同时设置了
max-height和height属性，max-height会覆盖height属性，即元素的高度不会超过max-height的值。 max-height属性不会影响元素的最小高度，如果需要限制元素的最小高度，应该使用min-height属性。
通过合理地运用 max-height 属性，我们可以更好地控制元素的高度，从而实现更加灵活和美观的布局效果。
