Css %单位为MS-Edge

以下代码用于填充浏览器高度80%的图像：

<div style="max-height:80vh;"><img src="(img url)" style="max-
height:100%;"></div>

---

图像在所有浏览器中都显示得非常好，除了Edge，它似乎完全忽略了CSS。使用“查看源”，浏览器计算了80vw到546.4px，这是正确的。它以正确的高度显示div，但使img 853px高（延伸到div底部以下），尽管它还声称已将100%计算为546.4px！发生了什么事？

问题是您正在为父div指定一个

max height

值。请将div切换为仅

height

。现在，100%有一些东西需要解决。

这在firefox中不起作用，在chrome中也不起作用，顺便说一句……谢谢，这确实起作用，但我在div中有最大高度是因为其他原因。这两种方法不是都有吗？我确信你仍然可以设置一个最大高度，但是你也需要高度值