%单位( MS Edge )

Question

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

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

图像在除了Edge之外的所有浏览器中都显示得非常好，它似乎完全忽略了CSS。使用view source，浏览器计算出80vw到546.4px，这是正确的。它在正确的高度显示div，但使img 853px变高(延伸到div底部以下)，即使它还声称已经计算出100%到546.4px！到底怎么回事？

Answer 1

问题是您为父max-height指定了div值。将div切换为height。现在，这100%的人有了需要解决的问题。