flex-shrink
指定了 flex 元素的收缩规则。
设置右边元素flex：1，当右边元素宽度超过父元素时，会造成右边宽度溢出。
解决方案：给右侧设置了flex:1的元素，同时设置width:0
设置了float也得要宽度够才是平行排列，如果宽度不够它平行排列当然就是移到下面去了，这才是float的真正意义啊。一般是外面套两个div，最外面的设overflow:hidden，第二个div设置足够平行显示的宽度。
举个列子吧：<div style="width:100pxheight:100pxpadding:10px">内容文字</div>
你会看到内容文字并没有贴边，此div的四条边都距离文字有10px的空间，这就是所谓的挤压，被挤压的是这个div内部的内容！
内部的div的宽度+外部div的padding值 >外部div的宽度 那么外面的div就被撑大了
