flex的子元素div继承了父元素的高度。在子元素插入图片设置图片高度为100%，图片的高度填满父元素，但是宽度超出。请问这是为什么？如何解决？
<body>
<div style="height: 300px; width: 500px; background: red; display: flex;">
<div style="background: mediumseagreen">
<img src="../../static/imags/voidlogo.jpg" style="height: 100%">
</div>
</div>
</body>
与恶龙缠斗过久,自身亦成为恶龙；凝视深渊过久,深渊将回以凝视…
