使用表格布局時列寬錯誤：已修復

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