容器内的尺寸灵活

Question

我有一个容器，里面有3个潜水物品。

item1 = 50%
item2 = should shrink according to the left over space. 
item3 = 33% 

我正在尝试使item2缩小到左侧的空白处。

I was using width = min-content on item2 but this doesn't work in IE11

所以我正在尝试找到一种方法来完成这项工作。

.container {
  display: flex;
  justify-content: flex-start;
}

.item1 {
  width: 50%;
}

.item2 {
  width: auto;
}

.item3 {
  width: 33%;
}

我尝试使用flex-shrink，但没有完全了解这是否对IE有帮助。如果item3不在容器中，则item2应占其他50％。