CSS: Min-height min-content不适用于高度vh-100

CSS中的min-height和min-content属性用于设置元素的最小高度。然而，当使用min-height和min-content属性时，无法直接将其应用于高度单位为vh-100的情况。

min-height属性用于设置元素的最小高度，即元素的高度不会小于指定的最小高度。min-content属性用于根据元素的内容来确定元素的最小高度。

然而，当使用高度单位为vh-100时，表示元素的高度应该占据视口的100%。vh单位是相对于视口高度的百分比单位。在这种情况下，min-height和min-content属性无法直接应用于元素的高度。

要解决这个问题，可以使用其他方法来实现类似的效果。一种方法是使用flexbox布局。通过将元素的父容器设置为display: flex，并将其子元素的flex属性设置为1，可以使子元素的高度自动填充父容器的剩余空间。

另一种方法是使用JavaScript来动态计算元素的高度。可以使用window.innerHeight属性获取视口的高度，并将其应用于元素的高度。

总结起来，当使用高度单位为vh-100时，min-height和min-content属性不适用。可以使用flexbox布局或JavaScript来实现类似的效果。