使DIV填充整个表格单元格

使DIV填充整个表格单元格

以下代码适用于IE 8，IE 8的IE 7兼容模式和Chrome（未经其他地方测试）：

<table > <!-- Not actually necessary; just makes the example text shorter -->   <tr><td>test</td><td>test</td></tr>   <tr>      <td >         <div > <img  src="../Content/Images/attachment.png"/> test of really long content that causes the height of the cell to increase dynamically         </div>      </td>      <td>test</td>   </tr></table>

你在你原来的问题时说，制定

width

并

height

以

100%

没有工作，虽然，这使我怀疑，有一些规则覆盖它。您是否在Chrome或Firebug中检查了计算样式，以查看宽度/高度规则是否真正应用了？

编辑

我真愚蠢！的

div

大小是根据文字确定的，而不是

td

。您可以通过制作来在Chrome上解决此问题

div

display:inline-block

，但在IE上则无法使用。事实证明这比较棘手…