Css 如何确保网格布局行根据内容自动调整高度

*{
框大小：边框框；
}
.结果项目{
浮动：左；
宽度：计算（100%/3-40px/3）
}
.结果项目：第n个孩子（3n-1）{
左边距：20px；
右边距：20px；
}
.results\uuuu item\uuuu img-wrapper{
溢出：隐藏；
}
.results\uuuu item\uuuu img-wrapper img{
宽度：100%；
高度：计算（100%/3-40px/3+90px）
}
.结果项目内容{
单词包装：打断单词；
}

产品1产品1产品1产品1产品1产品1产品1产品1产品1产品1产品1产品1产品1
$122.00        
产品2
$122.00        
产品2
$122.00        
产品2
$122.00        
产品2
$122.00        
产品2
$122.00        

用容器包装每三张图像。这样，您将使它们正确地堆叠在一起，如下图所示：

---

另外，还要确保清除每个要添加的容器上的折叠，因为它们由于浮动图像而折叠。我通常使用

overflow:auto

，但请查看SO post以了解更多的方法。

谢谢您的提示。我已经添加了堆栈代码段，可以正常工作。但是，div的高度不同。但是，行对齐现在很好。但是，假设每个项目也有一个边框。那么，这看起来就不好了。