CSS minheight如何设置百分比

在CSS中，minheight属性可以设置为百分比。要将minheight设置为百分比，您需要将百分比值与包含元素的宽度相关联。这是因为百分比的minheight是相对于其父元素的宽度计算的，而不是相对于浏览器窗口的宽度。

以下是如何将minheight设置为父元素宽度的百分比的示例：

HTML:

<div class="parent">
  <div class="child">
    <!-- Your content here -->
  </div>
</div>

CSS:

.parent {
  width: 80%; /* Set the width of the parent element as a percentage */
  min-height: 200px; /* Set the minimum height of the parent element in pixels */
}

.child {
  min-height: 50%; /* Set the minimum height of the child element as a percentage of the parent element's width */
}

在这个例子中，.child元素的minheight被设置为父元素（.parent）宽度的50%。这意味着.child元素的最小高度将至少等于其父元素宽度的一半。