大佬，我想请教一下关于flex布局的一个问题，
这个长方形包括三个部分：
1.左边的头像部分
2.姓名的红色部分
3.黄色部分
我的代码：
首先主轴方向是 row
我给1部分设置： flex-basis:67px
2部分设置： flex-basis:100%
3部分设置： flex-basis:160px
但是 实际上网页上显示的宽度：
1部分 41.09px
2部分 220.78px
3部分 98.13px
而且红色部分的文字太多了以后还会这样：
求解释一下。
我的需求就是1部分和3部分固定宽度，2部分自适应而且内部文字超出div宽度后省略号显示，不管能不能解决，能帮我看看就很感谢了！

我是今年毕业的学生，想去培训，有什么推荐吗，身边的朋友推荐我去动力~节*的深圳校区，说那边优惠力度挺大的，大佬们有什么建议吗