IE6–IE8 不支持 min-height，需用 height + \_height 双写 hack 或 zoom/overflow 触发 hasLayout 兼容；现代项目应直接使用 min-height 并移除冗余 hack。
min-height 在 IE6–IE8 中根本不起作用
IE6–IE8 不支持 min-height 标准行为，会把它当普通 height 解析——即设了就固定高度，内容超长直接溢出或裁剪。这不是兼容性“差”，是压根没实现该属性。
- 真实表现：给一个
div设置min-height: 200px，里面塞了 300px 高的内容，在 IE7 下它仍只高 200px，文字被截断 - 别试图用
!important或重写顺序修复——IE 的解析引擎根本不识别这个属性名 - 如果项目必须支持 IE8 及以下（如内网系统），得换思路，不能依赖
min-height做自适应底线
IE hack 方案：height + min-height 双写 + _height
利用 IE6–IE7 对下划线前缀属性的私有识别机制，配合标准浏览器的 min-height，实现“标准浏览器走标准流，老 IE 走兜底逻辑”。
div.adaptive {
min-height: 200px;
height: auto !important; /* 现代浏览器优先用 auto */
height: 200px; /* IE6–IE7 会覆盖上一行，但忽略 !important */
_height: 200px; /* IE6 私有 hack，仅它识别 */
}-
height: auto !important是关键：现代浏览器看到!important就按auto渲染，内容多就撑开；IE6–IE7 忽略!important，继续往下读 -
_height只对 IE6 生效，IE7 不认；IE7 会用中间那行height: 200px，所以两行都要写 - 别用
*height：IE7 也认这个，会导致 IE7 和 IE6 行为一致，失去区分控制力
更稳妥的替代：用 overflow: hidden 触发 hasLayout
在 IE6–IE7 中，某些 CSS 属性（如 overflow: hidden）会强制元素“拥有布局”（hasLayout），从而让 height 表现接近 min-height——内容超出时自动扩展，而不是硬卡死。
- 适用场景：容器内是纯文本或简单块级元素，且允许父容器包裹住所有子内容
- 写法示例：
div.adaptive { zoom: 1; /* IE6–IE7 触发 hasLayout 最安全的方式 */ min-height: 200px; height: auto; overflow: hidden; /* 配合 zoom，IE6–IE7 下 height 变成“最小高度”语义 */ } - 风险点：如果子元素用了
position: absolute或float且超出父容器，overflow: hidden会把它们裁掉——这点比双写height方案更隐蔽
现代项目里其实不该再碰这些 hack
如果你的项目已明确不支持 IE8 及以下（比如目标用户全是 Chrome/Firefox/Edge），直接用 min-height 就行，所有 hack 都是历史包袱。
立即学习“前端免费学习笔记（深入）”；
- 检查构建工具是否还保留了旧版 Autoprefixer 配置——有些老配置会自动注入
_height，反而污染现代 CSS - 用
caniuse.com查min-height支持表：IE9+、Edge、Chrome 1+ 全部原生支持，无例外 - 真正容易被忽略的是：IE10+ 已经完全遵循标准，但很多人还在全局加 hack，导致代码冗余、调试困难、甚至干扰 Flex/Grid 布局
老 IE 的 hack 不是技巧，是妥协的痕迹；删掉它们之前，先确认你的用户真还在用 IE8。
