html - 使用表格布局时错误的列宽：已修复

Question

在我的示例 jsfiddle 中，我有两个 HTML 表。它们基本上是相同的——相同的课程，相同的内容，一切。唯一的区别是行的顺序。

<style>
.tbl-lay-fixed {table-layout:fixed}
</style>

<table class="tbl-lay-fixed" border="1" width="100%">
   <tr>
      <td width="5%">xxxx</td>
      <td width="95%">yyyyyyyyyy</td>
   </tr>
   <tr>
      <td colspan="2" width="100%">xxxx</td>
   </tr>
</table>

<table class="tbl-lay-fixed" border="1" width="100%">
   <tr>
      <td colspan="2" width="100%">xxxx</td>
   </tr>
   <tr>
      <td width="5%">xxxx</td>
      <td width="95%">yyyyyyyyyy</td>
   </tr>
</table>

表号 1 显示正确 - 单元格的宽度正确。

表号 2 显示不正确 - 第二行有两列，witdh 分别设置为 5% 和 95%，但显示为 50% 50%。

哪里有问题？在所有浏览器中都是一样的。

Answer 1

这似乎至少在 Firefox 中有效（将底部 TD colspan 更改为 20）

just remove "width="100%" <table class="tbl-lay-fixed" border="1" width="100%"> from the table class