min-height本身不阻止滚动，真正卡住的是Flex默认min-height:auto与父容器缺高度约束叠加，导致内容撑开布局而无法触发滚动；必须在承载溢出内容的直接父Flex容器上设min-height:0，并配height/max-height和overflow-y:auto。
min-height 本身不会阻止滚动，真正卡住的是它和 Flex 默认行为叠加后，让容器“既没被框住、又拒绝收缩”，结果内容直接撑开布局，根本达不到触发滚动的条件。
为什么设了 min-height 还是滚不了？
常见现象：给内容区写了 min-height: 200px，又加了 overflow-y: auto，但长内容依然把容器顶高、滚动条不出现。
- Flex 子项默认有
min-height: auto（纵向布局下），这个值优先级高于你写的min-height，它会强制子项至少容纳全部内容高度 - 如果你还同时用了
flex: 1或flex-grow: 1，那浏览器会先按min-height: auto把子项撑到内容高度，再分配剩余空间——结果就是“没剩余空间可滚” -
min-height是最小高度约束，不是“最大可用高度”。要滚动，你真正需要的是height或max-height来划定边界
该用 height 还是 max-height？
取决于你要什么行为：
- 固定高度滚动（比如弹窗内固定 400px 高的内容区）：用
height: 400px+overflow-y: auto - 高度随内容增长、但上限可控（比如卡片列表最多占视口 70%）：用
max-height: 70vh+overflow-y: auto - 避免误用
min-height：它只保底，不设限；把它当“滚动开关”是方向性错误
必须加 min-height: 0 的地方在哪？
不是加在写 min-height 的那个元素上，而是加在它的**直接父容器**——那个用了 display: flex、又承载了滚动内容的中间层。
- 如果父容器是
flex-direction: column，且子项.content要滚动，那就给.content加min-height: 0 - 如果父容器是
flex-direction: row，子项里有长 URL 或未换行文本，就给那个子项加min-width: 0 - 别加在
html或body上——它们不参与 Flex 尺寸计算，加了无效
IE11 下怎么绕过 min-height 失效问题？
IE11 对 min-height 在 Flex 内的支持极差，哪怕加了 min-height: 0 也可能不生效。
- 稳妥做法：改用
height: 100%或具体像素值（如height: 400px），再配overflow-y: auto - 若必须用弹性高度，把
min-height上移到父 Flex 容器，并给子项加-ms-flex: 1 1 0和flex-shrink: 0 - 避免
min-height: 100%：IE11 要求父级有明确height才能继承，多层嵌套时极易断链
最常被忽略的一点：滚动是否生效，不取决于你写了多少个 min-height，而取决于「哪一层真正被定高了」和「哪一层被允许真正收缩」。这两者缺一不可，漏掉任意一个，overflow 就只是 CSS 注释。
前端入门到VUE实战笔记：立即使用
在学习笔记中，你将探索 前端 的入门与实战技巧！
