IE中TD的额外空间

Question

以下是mycode。问题是每当我使用宽度大于td：ed（1）的float元素时。它需要额外的空间。我很欣赏你的建议。

<table style="background:#ff0;border:1px solid #ccc; width:100%"> 
<tbody> 
    <tr> 
     <td style="width:30px; border-right:1px solid #ccc; overflow:hidden">1</td> 
     <td>Test</td> 
    </tr> 
    <tr > 
     <td colspan="2"><input type="text" /></td> 
    </tr> 
</tbody> 
</table> 

下面是屏幕截图。

Mozilla的 alt text http://www.freeimagehosting.net/uploads/90956a921b.png

IE7

alt text http://www.freeimagehosting.net/uploads/df583f0d36.png

Answer 1

我找到答案了这一点。 对于IE我添加了css属性

表 { table-layout：fixed; }

这解决了我的问题。

谢谢。