<html>
<head>
<style>
table.ex1 {table-layout:auto}
table.ex2 {table-layout:fixed}
</style>
</head>
<body>
<table class="ex1" border="1" width="100%">
<tr>
<td width="5%">1000000000000000000000000000</td>
<td width="95%">10000000</td>
</tr>
</table>
<br>
<table class="ex2" border="1" style="width:max-content">
<colgroup><col style="width:100px" /><col style="width:100px" /></colgroup>
<tr>
<td>1000000000000000000000000000</td>
<td>10000000</td>
</tr>
</table>
</body>
</html>
可以尝试运行代码测试135版本136版本表现有差异,具体小版本没有细究,我这边发现的是从135到136导致了的bug,这个bug不是所有人复现,最终排查发现是浏览器版本差异,对此属性的渲染有改变。
如果需要兼容老版本可以使用width:fit-content;