min-height在Flex容器中不生效，需父容器有高度感（如min-height: 100vh）；绝对定位元素需其包含块有高度；inline元素不支持min-height；box-sizing影响实际高度计算。
min-height在Flex容器里不生效，先看父容器有没有“高度感”
Flex子项的min-height不是写上就起作用的——它需要父容器提供一个可计算的高度上下文。如果父容器只是display: flex但没设height或min-height，那子项的min-height: 200px就等于没写。浏览器会按内容高度渲染，哪怕内容只有一行字。
实操建议：
立即学习“前端免费学习笔记（深入）”；
- 给父容器加
min-height: 100vh（比height: 100%更可靠，避免html/body未设高导致链路断裂） - 临时加
border: 1px solid red到父容器，用开发者工具看它是否真的“塌陷”了 - 检查Computed面板里父容器的
height值：如果是auto，那子项min-height大概率不会被触发
绝对定位元素的min-height为什么像没写一样
绝对定位元素脱离文档流，它的min-height只在自身包含块（containing block）内起作用。而这个包含块通常是第一个position: relative/absolute/fixed祖先，不一定是视觉上的父级。如果那个祖先本身高度是auto或0，那min-height就只能在“空气里”生效。
实操建议：
立即学习“前端免费学习笔记（深入）”；
- 把
min-height直接加到绝对定位元素自身上（如.popup { min-height: 200px; position: absolute; }） - 避免同时设
top和bottom——这会让浏览器优先按定位拉伸，min-height可能被忽略 - 若需撑开父容器，改用
position: relative或display: flex布局替代
display类型不对，min-height根本不会进计算流程
min-height对display: inline元素完全无效，比如<span>或<a>。这不是兼容性问题，是CSS规范明确规定的：只有参与块格式化上下文（BFC）或弹性/网格布局的元素才支持该属性。
实操建议：
立即学习“前端免费学习笔记（深入）”；
- 加
display: inline-block（保持行内流式，又启用min-height） - 或改用
display: block（适合需要换行或独占一行的场景） - 别指望
display: table-cell响应min-height——IE至今不认，现代浏览器也表现不稳定；改用height或外层套display: flex
盒模型干扰：padding、border和box-sizing联手“骗过”你的眼睛
当box-sizing: content-box（默认）时，min-height只控制内容区高度，而padding和border会额外叠加。如果你设了min-height: 200px、padding: 40px、border: 2px，实际占用高度是284px——但开发者工具里显示的“Height”可能只标200px，容易误判为失效。
实操建议：
立即学习“前端免费学习笔记（深入）”；
- 全局重置加
*, *::before, *::after { box-sizing: border-box; } - 用开发者工具Layout面板看“Actual height”，对比
min-height是否真被突破 - 如果内容被挤出可视区，不是
min-height失效，而是overflow: hidden或父容器max-height在截断
min-height本身，而是它所依赖的高度链断在了某一级：从html开始逐层检查Computed Height，比反复调样式更快。 
