前端中实现子盒子大小随着自身数量多少适应父盒子

如下图，里面蓝色的子盒子的大小随着自生数量的多少而改变，并且尽量填满父盒子，而且不能撑出滚动条，请问各位大佬，要怎么实现呢？？、

父盒子{
    display: flex;
}
子盒子 {
    flex: 1;
}

你可以试试flex 弹性布局