【HTML】【CSS】表格设置了table-layout:fixed后第一行合并单元格其下单元格宽度设置不起作用的解决方法

<table width="200" border="1" cellspacing="1" cellpadding="1" style="table-layout:fixed" mce_style="table-layout:fixed">
  <tr>
    <td width="100">1</td>
    <td colspan="2">2</td>
  </tr>
  <tr>
    <td>1.1</td>
    <td width="80">2.1</td>
    <td width="20">2.2</td>
  </tr>
</table>
 

表格如上，当设置了style ="table-layout:fixed" 后在第一行合并了单元格则其下面2.1、2.2的宽度设置了也不起作用。

解决办法如下，在第一行上面再加一行，不合并，然后隐藏就好了。也就是说既然这个问题是由需合并的单元格在第一行引起的，那么让需要合并单元格的行不在第一行出现便解决了。

<table  border="1" cellspacing="1" cellpadding="1" style="table-layout:fixed;width:200px;">
 <tr style="display:none" mce_style="display:none">
    <td style="width:100px"></td>
    <td style="width:80px"></td>
    <td style="width:20px"></td>
  </tr>
    <tr>
    <td>1</td>
    <td colspan='2'>2</td>
  </tr>
  <tr>
    <td>1.1</td>
    <td>2.1</td>
    <td>2.2</td>
  </tr>
</




参见http://topic.csdn.net/u/20100908/14/8a1b21d1-e284-4eb7-866b-7f7b33a7af17.html