table-layout: fixed 在 IE8– 中不生效的根本原因是其仅识别 标签的 HTML width 属性，且需 DOM 渲染后动态设置；必须显式设置表格宽度，并用 显式声明列宽以绕过第一行依赖。
table-layout: fixed 为什么在 IE8– 中不生效
根本原因不是属性本身不支持——table-layout: fixed 从 IE5.5 就已支持，而是它在旧版 IE 中对宽度来源的识别逻辑极窄：只认 <col> 标签上的 width 属性（注意是 HTML 属性，不是 CSS 的 width 样式），且必须在 DOM 渲染完成后动态设置才有效。
常见错误现象包括：
- 只给
<th> 或 <code><td> 写 <code>style="width: 120px"，IE 下完全忽略 - 用 CSS 类给
<col>设width，但 IE8– 不解析该样式 - 初始化前就写好
<col width="120">，但表格由 JS 框架（如 Layui）动态生成，<col>实际未插入或顺序错乱 <table> 必须有明确的 <code>width，推荐用width: 100%或固定值（如width: 800px）- 避免仅靠父容器
max-width限制——table本身无宽，max-width不起作用 - 在响应式场景中，
width: 100%+ 外层div的max-width是安全组合 -
<colgroup></colgroup>必须出现在<tbody> 之前，且不能被 JS 框架意外移除 <li>不要混用 <code>width和min-width：IE 下min-width基本无效，还可能让整列宽度逻辑崩溃 -
fr单位在<col>上无效，只支持px、%、auto - 用隐藏的首行：
<tr style="height: 0; visibility: hidden"> <td width="120"></td> <td width="200"></td> </tr>（注意：不能用display: none，IE 会跳过该行） - 改用
<colgroup></colgroup>显式声明，彻底绕过“第一行”依赖：<colgroup> <col width="120"> <col width="200"> </colgroup>
必须显式指定 table 宽度，否则 fixed 布局形同虚设
table-layout: fixed 的列宽计算依赖表格总宽作为基准。没设 width，浏览器会按内容最小宽度撑开，导致所有列坍缩到刚好容纳最短内容（比如一个空格），视觉上像“失效”了。
正确做法是：
立即学习“前端免费学习笔记（深入）”；
col 元素才是跨浏览器唯一可靠的列宽控制点
现代浏览器支持 <col> 上的 CSS width，但 IE8– 只认 HTML width 属性（如 <col width="150">）。Layui 等框架的 done 回调里手动补 $(col).attr('width', 150) 就是为此而生。
关键细节：
合并单元格（colspan/rowspan）会破坏第一行宽度参考
table-layout: fixed 默认以第一行（<thead> 或首个 <code><tr>）的单元格数量和 <code>width 为列宽依据。如果第一行用了 colspan="2"，浏览器就无法对应到两列，只能均分剩余宽度——你写的 width 全部失效。
绕过方法只有两个：
真正难搞的不是写法，而是不同浏览器对“第一行”的定义差异——有的认 <thead>，有的认渲染后第一个 <code><tr>，有的甚至把空行也算进去。所以别赌运气，老老实实用 <code><colgroup></colgroup>。
