IE8和Firefox对于table有不同的展示效果

近日，遇到一个table样式的问题，在IE8和在Firefox下展示的效果不太一样，例如如下代码

<table width="100%">
<tr>
   <td width="100px">name</td>
   <td width="200px">address</td>
   <td width="200px">sign</td>
   <td width="300px">detail</td>
</tr>
</table>

如果table的长度大于100 + 200 + 200 + 300 = 800,在Firefox下可以自适应,即td会自动设置相应的值以保证长度总和等于table的长度

但在IE8下是以td本身的长度来显示的，所以与table设置的100%的长度不一致，想要展示的效果就会不一样

解决方法：设置各td的长度为百分比，各td长度之和为100%即可

<table width="100%">
<tr>
   <td width="15%">name</td>
   <td width="25%">address</td>
   <td width="25%">sign</td>
   <td width="35%">detail</td>
</tr>
</table>