在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
元素的最小高度將至少等于其父元素寬度的一半。