我有一个小问题。在弄清楚如何根据表格行的高度使嵌套在表格单元格内的一些 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 兼容的方法，所以我可能遗漏了一些东西。
最佳答案
您可以使用 min-height CSS 属性并将其设置为一行的高度!您应该为 div 类“product-list-item”执行此操作。现在 div 将以此高度为最小值，或者将高度设置为您想要的高度。
关于css - 内联 block DIV 在 Chrome 中填充表格单元格，但在其他浏览器中不填充？，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/16692618/