Flex CSS-防止超出屏幕宽度

Question

我目前有以下CSS，但是如果其内容大于屏幕宽度，则flexMiddle宽度会扩展。

我需要内容始终填充整个屏幕宽度，但不再显示其他内容。

尝试过flex-shrink等但卡住了。

 .flexContainer {
     flex-wrap: nowrap;
 }

 .flexLeft {
    flex-basis: 175px;
    order: 1;
}

.flexMiddle {
    flex-basis: 1;
    order: 2;
}

.flexRight {
    flex-basis: 200px;
    order: 3;
}

      <div class="flexLeft"></div>
 <div class="flexMiddle"></div>
 <div class="flexRight"></div>