内联块DIV填充Chrome中的表格单元格，但不填充其他浏览器？

Question

我有一个小问题。在弄清楚如何将一些嵌套在表格单元格中的DIV设置为100％之后，根据表格行的高度，我注意到它在Firefox或IE中不起作用。而不是试图解释，这是页面：http://www.faganarms.com/testcategory.aspx

我试图让每一行中的所有单元格扩展为该行的高度，具体取决于它的内容。如果一行具有非常小的描述，则其高度可能比具有长描述的行更短。你会在FF或IE中注意到我想要纠正的行为。

问题是，我只能编辑HTML的某些部分，其他的我只能用CSS设置样式。我可以编辑td.product-list-item-container的内容，但我无法编辑该表的结构。它被硬编码到软件中。

有人看到问题是什么吗？我已经尝试过使用display: table-row和display: table找到的一些方法，但至少在Chrome中没有任何方法能像这样成功。我找不到任何与Webkit兼容的方法，所以我可能会遗漏一些东西。

Answer 1

您可以使用min-height CSS属性并将其设置为一行的高度！您应该为div类“product-list-item”执行此操作。现在div将把这个高度作为最小值，或者只是将高度设置为你想要的高度。

Answer 2

我从表格行中删除了display: inline-block和所有填充，将height: 100%添加到表格行和div.product-list-item，并将填充添加到div.product-list-item并且它在FF现在。