Html 具有动态高度/宽度的容器内的方形柔性物品

我正在尝试建立一个图像列表，其中图像可以有不同的大小，以及容器

图像按照我的意愿工作，但是最后一个元素，输入包装器，没有

---

我希望最后一个项目（输入文件包装器）使用容器的全高，并且形状为正方形

我尝试了多种样式，但无法阻止以下问题：

• 当容器中有大量剩余空间时，最后一项变得太宽
• 当容器装满时，最后一项变得太窄

.container{
调整大小：两者；
宽度：1000px；
高度：200px；
边框：1px实心#000；
显示器：flex；
溢出-x：自动；
溢出y：隐藏；
空白：nowrap；
调整项目：灵活启动；
填充：0.250；
}
.容器>*{
边框：1px实心#000；
最大宽度：200px；
最大高度：100%；
宽度：自动；
高度：自动；
}
.container>*：非（：第一个子级）{
左边距：1 em；
}
.inputfilewrapper{
显示：内联块；
flex:100px；
身高：100%；
}
.inputfile{
显示：无；
}
.inputfile+标签{
显示：块；
身高：100%；
}

[+]

我不知道你的意思。你能说清楚一点吗？我想让最后一个项目（输入文件包装器）使用容器的整个高度，并且形状为正方形。你想让容器内的所有盒子大小相等吗？最后一个盒子应该是正方形的，其他的盒子在代码段中按预期工作