考虑以下示例......
body {
margin: 0;
}
* {
box-sizing: border-box;
}
.parent {
min-height: 100vh;
width: 50vw;
margin: 0 auto;
border: 1px solid red;
display: flex;
align-items: center;
justify-content: center;
}
.child {
border: 1px solid blue;
width: 150%;
}<div class="parent">
<div class="child">
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Amet tellus cras adipiscing enim eu turpis. Neque aliquam vestibulum morbi blandit. Sem integer vitae justo eget …我正在尝试确定哪个 CSS 属性优先 - min-height 或 max-height - 以及这是否在浏览器之间保持一致。
例如，请考虑以下情况：
.class{
min-height:600px;
max-height: 50vh;
}
如果浏览器视口的高度为 1000 像素，则最小高度 (600 像素) 将大于最大高度 (50vh = 500 像素)。我知道这是一个轻微的悖论，但完全有可能并且很有可能（除了编码最佳实践）。
从测试中我可以看到，最小高度优先，即使元素最终超过了最大高度 - 即元素呈现为 600 像素高，即使最大高度为 500 像素；
这是预期的标准化行为吗？或者这是浏览器供应商可以解释的东西，并且可能因浏览器或设备而异。