CSS min-height属性
CSS min-height属性用于设置一个元素的最小高度，即即使元素的内容不足以支撑元素的高度，元素也不会收缩到内容所需的高度以下。
div {
min-height: 200px;
}
上面的代码将设置div元素的最小高度为200px，即使div元素的内容不足以支撑200px的高度，div元素也不会收缩到内容所需的高度以下。
min-height属性可以与max-height属性一起使用，以限制元素的高度范围：
div {
min-height: 200px;
max-height: 400px;
}
上面的代码将设置div元素的最小高度为200px，最大高度为400px，div元素的实际高度将受到内容的影响，但不会超过400px。
min-height属性可以使用任何长度单位，如px，em，rem等：
div {
min-height: 10em;
}
上面的代码将设置div元素的最小高度为10em，即使div元素的内容不足以支撑10em的高度，div元素也不会收缩到内容所需的高度以下。
有时候，我们也可以使用min-height属性来设置元素的最小宽度：
div {
min-height: 100%;
}
上面的代码将设置div元素的最小高度为100%，即使div元素的内容不足以支撑100%的高度，div元素也不会收缩到内容所需的高度以下。
min-height属性也可以与calc()函数一起使用，以计算出元素的最小高度：
div {
min-height: calc(100vh - 20px);
}
上面的代码将设置div元素的最小高度为100vh减去20px，即使div元素的内容不足以支撑计算出的高度，div元素也不会收缩到内容所需的高度以下。
min-height属性可以让我们设置一个元素的最小高度，以防止元素的内容不足以支撑元素的高度，从而收缩到内容所需的高度以下。