我img在液体中有一个元素div。该img max-height设置为100％。因此，如果图像比div高，则应将其渲染为与div一样高。

.png文件的原始大小为200x200。在我的浏览器中，div显示为284x123。因此，应将img渲染为123x123，以保持其宽高比。

但是，img打破了div的界限，仍然显示为200x200。我似乎无法弄清楚为什么会这样。

这是在Chrome上发生的，但不是在Firefox上发生的（我上次尝试）。

左侧 ，您会看到一个灰色箭头，即我正在谈论的.png。右侧的箭头是SVG文件，可以正常工作。

编辑：
我创建了一个单独的，其中img的max-height似乎可以正常工作。.我找不到导致该问题的项目不上班。