其次就是把你的大图作为背景显示.
.b_div{width:400px
height:500px
background:url(你的图片路径) no-repeat
}
<html>
<head></head>
<body>
<div class="b_div">这里是内容，看看要的效果是不是实现了~~</div>
</body>
</html>
当子元素设置固定宽度，如果整体宽度不足时，会把固定宽度给压缩，解决方法: 给固定宽度的元素添加flex-shrink:0。
flex-shrink
指定了 flex 元素的收缩规则。
设置右边元素flex：1，当右边元素宽度超过父元素时，会造成右边宽度溢出。
解决方案：给右侧设置了flex:1的元素，同时设置width:0
