据我所知,如果使用IE10/IE11,我应该可以使用标准化的弹性术语.
我有一个容器div和2个子div.
2个孩子的div不大于400px,所以应该总有足够的空间justify-content: space-between.
我希望第一个孩子一直在顶部,第二个孩子一直在底部.
这适用于Chrome和Firefox,但不适用于IE,我不知道为什么.
欢迎任何评论和反馈.
<div style="display: flex; flex-direction: column; justify-content: space-between; min-height: 400px; background-color: lightyellow;">
<div style="background-color: red;">
<h2>Title (variable height)</h2>
<p>Summary (variable height)</p>
</div>
<div style="background-color: orange;">
<img src="http://avatarbox.net/avatars/img32/tv_test_card_avatar_picture_61484.jpg" />
</div>
</div>