flex布局下overflow失效问题

场景描述：

上图场景中，需求是 职位名称  与  薪资 保持在同一行，无论薪资多长总能保持正常显示，当职位名称过长时超出部分显示  "..." 省略符，如

和

实现过程中发现使用flex布局时，薪资部分不设置宽度，自适应，左侧职位名称部分设置flex: 1;使用overflow: hidden时失效

解决办法：

左侧职位名称部分设置如下

flex: 1;
width: 0;