Html 如何使DIV的宽度不大于它'；什么内容？

我知道这是一个常见的问题，但我没有找到解决我的特殊情况的方法：

• 我在父DIV中有多个DIV
• 子DIV是内联块
• 父DIV的大小必须灵活
• 父DIV的宽度不能超过其内容

我遇到的问题是，根据窗口的大小，在最后一个正方形和父div的末尾之间的右侧总是有一点额外的空间

我一直在尝试fit content，max content，但没有结果

正文{
文本对齐：居中；
}
.包装纸{
显示：内联块；
文本对齐：左对齐；
边框：0.1米点红色；
}
.广场{
显示：内联块；
边框：0.1米纯蓝色；
宽度：2米；
高度：2米；
保证金：0；
填充：0；
}

---

使用下面的代码片段进行负责任的CSS网格对齐

.grid容器{
显示：网格；
}
.网格容器-填充{
网格模板列：重复（自动填充，最小值（100px，1fr））；
}
.网格容器--安装{
网格模板列：重复（自动拟合，最小值（100px，1fr））；
}
.网格元素{
背景颜色：深粉色；
填充：20px；
颜色：#fff；
边框：1px实心#fff；
}

1.
2.
3.
4.
5.
6.
7.

请仅提供一个最小的示例-没有必要发布一个巨大的“divs墙”。@FluffyKitten它不。。。我希望元素有固定的大小