css - Img with max-height:100% 手动设置高度的拉伸表

Question

这是jsfiddle 上的最小代码示例。

实际上，我想制作一个 2x2 的图像表，固定其行的高度和高度，并使用 and 使图像选择它们的max-width大小max-height。但是由于某种原因，该表比它包含的 div 更大，并且 img height:100% 使它 100% 它很高，但不是容器的。为什么会这样？我在哪里可以读到它？

Answer 1

It seems to work if you actually define the height in the height attribute of the table cell, like this:

<td height="20px">