如何在CSS规则中将图片的max-height设置为父div的高度？

在CSS规则中，可以使用相对单位和百分比来设置图片的max-height为父div的高度。

一种常见的方法是使用百分比单位。首先，将父div的高度设置为一个固定值或百分比值，例如：

.parent {
  height: 300px; /* 或者使用百分比值，例如 height: 50%; */
}

然后，在子div中，将图片的max-height设置为100%：

.child img {
  max-height: 100%;
}

这样，图片的高度将自动调整为父div的高度。

另一种方法是使用相对单位，例如vh（视窗高度的百分比）。在这种情况下，可以直接将图片的max-height设置为父div的高度，如下所示：

.parent {
  height: 50vh; /* 或者使用其他相对单位，例如百分比值 */
}

.child img {
  max-height: 100%;
}

这样，图片的高度将根据父div的高度进行调整。

推荐的腾讯云相关产品：腾讯云对象存储（COS）

• 产品介绍链接地址：https://cloud.tencent.com/product/cos