ie11中子元素min-height不继承父容器高度，因其仅将height（非auto）视为有效尺寸依据，min-height仅作保底；需同时设height:100vh和min-height:100vh，并满足align-items:stretch全部触发条件或改用margin:auto等替代方案。
IE11 中子元素的 min-height 不会继承父容器高度，根本原因是它压根不把父容器的 min-height 当作有效尺寸依据——必须用 height 启动计算链。
IE11 对 min-height 的解析完全失效
你写了 min-height: 100vh 在父容器上，子项设了 flex: 1 或 align-items: stretch，但在 IE11 里子项就是不撑高。这不是渲染延迟，是计算阶段就跳过了：IE11 只在父容器有明确 height（非 auto）时，才启动交叉轴尺寸推导逻辑。min-height 在它眼里只是“保底”，不是“起点”。
-
min-height: 100vh单独写，IE11 大概率当没看见 -
height: 100%也不可靠——IE11 对百分比高度链极其敏感，html和body都设了height: 100%仍可能回退到auto - 最稳写法是：
height: 100vh; min-height: 100vh;，前者触发计算，后者防内容超长截断
align-items: stretch 在 IE11 中的触发条件极苛刻
你以为 stretch 是默认行为，其实 IE11 要求同时满足三个条件才会拉伸子项：
- 父容器必须有明确的交叉轴尺寸（即
height或min-height，但如前所述，仅min-height不够） - 子项不能有任何
height、max-height或min-height声明（哪怕min-height: 0也可能干扰） - 若子项是表单控件（如
<input>），必须重置：input { height: auto; }
漏掉任意一条，stretch 就静默失效，子项保持内容高度。
替代方案比硬扛 min-height 更可靠
当父容器只靠 min-height 存在时，别强求 align-items: stretch，换路径：
- 改用
flex-direction: column+justify-content: center：此时主轴是垂直的，justify-content在 IE11 中支持更一致 - 单子项场景直接上
margin: auto：它不依赖父容器交叉轴计算，min-height: 100vh就足够生效 - 给父容器加
height: 1px：IE11 认这个，只要不是auto就能激活 stretch，1px 足够，不用写具体值
真正卡住的从来不是属性名，而是 IE11 把「尺寸存在性」和「尺寸可用性」当成两件事——min-height 只解决后者，而前者必须由 height 显式声明。漏掉这层判断，所有 flex 行为都会在计算源头失准。
前端入门到VUE实战笔记：立即使用
在学习笔记中，你将探索 前端 的入门与实战技巧！
