Css Flexbox、向右推、向左对齐和不同宽度

左侧容易，完成

但是右边的部分怎么办？向右推但向左对齐，包括小盒子。。如图所示：

有什么简单的想法吗？ 试试这个：

.container{
显示器：flex；
证明内容：之间的空间；
}
.container>div{
显示器：flex；
弯曲方向：立柱；
}
.对{
调整项目：灵活启动；
}
.左{
对齐项目：柔性端；
}
.盒子{
高度：40px；
宽度：100px；
边框：1px纯蓝色；
边缘底部：5px；
}
.宽{
宽度：200px；
}

您需要提供一个有效的代码片段。@Valentin您确实需要提供更多信息。您可以使用

width:50%

您可以使用

flex-grow:0

。您希望达到的宽度是多少？内容的宽度？