CSS中的max-height属性用于指定元素的最大高度。它通常用于确保某些元素不会超过特定高度，从而避免内容溢出。
以下是一个max-height属性的示例：
HTML代码：
<div class="box">
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium.</p>
</div>
CSS代码：
.box {
max-height: 100px;
overflow: auto;
background-color: blue;
color: white;
padding: 10px;
}
在这个例子中，我们设置一个div元素的max-height属性为100px，这意味着当元素的内容高度超过100px时，该元素将出现滚动条，以便用户可以滚动内容。我们还将overflow属性设置为auto，以确保在内容超过指定高度时出现滚动条。最后，我们设置了background-color、color和padding属性，以便为元素指定样式。
如果我们将上述代码添加到一个HTML页面中，将会显示一个带有蓝色背景的div元素，其内容超过了100px的高度限制，因此出现了纵向滚动条。
以下是另一个max-height属性的示例，该示例将在图片高度超过300px时应用最大高度限制：
HTML代码：
<div class="image-container">
<img src="example.jpg" alt="Example">
</div>
CSS代码：
.image-container {
max-height: 300px;
overflow: auto;
}
在这个示例中，我们设置了一个包含图片的div元素的max-height属性为300px，这意味着如果图片的高度超过300px，则该div元素将出现滚动条，以确保图片不会超过这个高度。我们还将overflow属性设置为auto，以确保在内容超过指定高度时出现滚动条。
这个示例可以用于确保网站上的图像不会过分拉伸或压缩，而是根据其原始高度显示，并在超过特定高度时进行滚动。