如何解決Chrome列寬問題？

Question

Chrome提供了似乎不可能得到很快修正了一個錯誤：

https://code.google.com/p/chromium/issues/detail?id=178369

基本上碰巧瀏覽器不能正確處理列寬，如果細胞本身含有「WIDTH = 100％」的元素。

我需要單元格中的100％寬度元素。

有沒有人知道該錯誤的解決方法？

測試用例：

<table style="width: 800px; border: 1px solid black"> 
    <tr> 
     <td> 
      <table style="width: 100%; border: 1px solid blue"> 
       <tr> 
        <td style="width: 100%; background: red;"> 
         1 
        </td> 
       </tr> 
      </table> 
     </td> 
     <td> 
      <table style="width: 100%;"> 
       <tr> 
        <td style="width: 100%; background: green;"> 
         2 
        </td> 
        <td> 
        </td> 
       </tr> 
      </table> 
     </td> 
    </tr> 
</table> 

Answer 1

簡單地增加

table-layout: fixed 

作外層表應該這樣做。 http://jsfiddle.net/ysqx6j4t/

Answer 2

注：鉻忽略TD風格的寬度，除非它們被一個表的第一個行設置。 （IE在大約15年前曾經這樣做）。

所以你不能在第一行有一個td和colspan = n。