最终尺寸由width/height与min/max约束共同决定：设定值超出min/max范围时取边界值，否则取设定值，auto时自动计算但受限于边界，如width:200px;min-width:300px则实际宽为300px。
当设置CSS元素的宽高时，width、height、min-width、max-width、min-height 和 max-height 共同作用来决定元素最终的尺寸。它们之间的关系不是简单的覆盖，而是遵循一定的优先级和约束规则。
基础宽度与最小最大限制
元素的最终宽度由 width 设置，但会受到 min-width 和 max-width 的限制：
例如：
width: 200px;min-width: 300px;
max-width: 500px;
此时实际宽度为 300px，因为 width 被 min-width 限制。
立即学习“前端免费学习笔记（深入）”；
高度的类似逻辑
高度行为与宽度一致：
常见于响应式设计中，比如让一个弹窗最小不小于 400px 高，但内容多时最多撑到 80% 视口高：
height: auto;min-height: 400px;
max-height: 80vh;
overflow: auto;
特殊值与自动计算的影响
当 width 或 height 为 auto 时，浏览器根据内容、父容器和布局模式（如 flex、grid）自动计算尺寸，但仍受 min/max 约束。
基本上就这些。理解它们的“约束”本质比死记优先级更重要：min 和 max 是边界，width/height 是目标，最终结果在边界内取最接近目标的值。
