据我所知,如果使用IE10 / IE11,我应该可以使用标准化的弹性术语.
2个孩子的div不大于400px,所以应该总是有足够的空间来证明内容:空间.
这适用于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>
解决方法
原文地址:https://www.jb51.cc/html/226529.html
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。