Я пытаюсь использовать flexbox, чтобы разместить два изображения в столбце. В этом случае width
контейнера div меньше width
изображения. В Chrome изображение идеально вписывается в контейнер div, но не в IE, и я не знаю почему.
div.outer {
width: 400px;
display: flex;
flex-direction: column;
justify-content: space-around;
}
div.inner {
width: 100%;
border: 1px solid red;
}
img {
width: 100%;
height: auto;
}
<div class="outer">
<div class="inner">
<img src="http://placehold.it/480x360">
</div>
<div class="inner">
<img src="http://placehold.it/480x360">
</div>
</div>