能，min-width 和 max-height 可一起用，但分别约束宽度下限和高度上限；混用时内容可能因超限被截断，需配合 overflow-y: auto 才触发滚动，且 min-width 百分比依赖父容器有明确宽度。
min-width 和 max-height 能不能一起用？
能，但它们控制的是不同方向的尺寸，混用时容易误以为在限制“盒子大小”，其实只是分别约束宽度下限和高度上限。比如设了 min-width: 300px 又设 max-height: 200px，盒子可能宽得下，但内容超高被截断——这不是冲突，是各自生效。
- 常见错误现象：
overflow: hidden没加，内容溢出看不见，还以为max-height没起作用 - 使用场景：侧边栏固定最小宽度 + 内容区高度自适应但不希望撑太高（如折叠面板、搜索建议列表）
- 参数差异：
min-width接受px、%、em、fit-content；max-height不支持%（除非父容器有明确高度） - 兼容性影响：IE9+ 支持两者，但 IE11 对
max-height在flex子项中行为不稳定，建议加flex-shrink: 0或改用height+overflow
max-height 触发滚动需要哪些配套样式？
只写 max-height 不会自动出现滚动条，它只是“上限”，不改变溢出行为。必须显式告诉浏览器“超出就滚动”。
- 必须加
overflow-y: auto（或scroll），否则内容直接溢出容器外 - 如果父容器用了
display: flex，子元素即使设了max-height也可能被 flex 布局忽略，需加align-self: flex-start或包裹一层div - 移动端要注意
overflow: auto在 iOS Safari 中默认不支持弹性滚动（-webkit-overflow-scrolling: touch已废弃，现代方案靠overscroll-behavior控制） - 示例：
.list { max-height: 200px; overflow-y: auto; overscroll-behavior-y: contain; }
min-width 设成百分比为什么有时没效果？
因为 min-width: 50% 是相对于包含块计算的，而包含块宽度可能为 auto（比如普通文档流中的块级元素），此时百分比会退化为 0，导致约束失效。
- 常见错误现象：盒子在小屏下突然缩成一条线，检查发现
min-width: 80%实际没生效 - 根本原因：父容器没设宽度，或父容器是
display: inline-block/flex且未限定主轴尺寸 - 解决办法：给父容器加
width: 100%，或改用视口单位（min-width: 320px或min-width: 50vw）更可控 - 性能提示：避免在大量元素上用
min-width: fit-content，重排开销大，尤其配合white-space: nowrap时
盒模型里 width/height 和 min/max 的优先级怎么算？
不是“覆盖关系”，而是“约束关系”。width 和 height 是目标尺寸，min-width/max-width 等是边界条件，浏览器按「先满足 min/max，再尽可能贴近 width/height」来计算最终尺寸。
立即学习“前端免费学习笔记（深入）”；
- 举例：盒子设了
width: 100px、min-width: 120px→ 最终宽度是120px（min-width覆盖width） - 但若设了
width: 200px、max-width: 150px→ 最终是150px（max-width限制width） - 注意：
min-height和max-height对height: auto也有效，但仅当内容撑开高度后才触发约束；纯空盒子即使设了min-height: 100px也会显示为 100px - 容易被忽略的一点：
box-sizing: border-box下，min-width包含 padding 和 border，别忘了这点去算实际可用内容宽度
