使用flex布局，左边自适应，右边固定
结果左边的文字太长了，需求是显示一行，超长显示…
相信一般的做饭都是
text-overflow: ellipsis;
overflow: hidden;
white-space: nowrap;
但是这个做法的前提是固定宽度，比如width：200px
麻烦就来了，现在左边是自适应，使用width：calc（1-200px）不起作用
那怎么解决呢：
给父层元素加上max-width:calc（1-右边宽度）
然后给它本身增加一个width：100%
基本就解决了