Html 网格列间距在行中最后一个div的末尾添加间距

我一直在尝试css中的网格，遇到了以下问题。
我创建了一个包含多个

div

s的容器

My

.container

创建了一个由5个项目组成的网格，宽度为20%

我添加了

网格列间隙

，并注意到它在容器中造成了溢出。我发现

网格列间距

将其值添加到

网格模板列

值中。所以我把它的值改了19%

现在，这些项目符合网格。然而，我的理解是，

网格列间隙

添加在

div

s之间。我现在看到的是，最后一项在右侧也有一个间隙

我希望在

div

s之间有间隙，而不是在末尾。 请看

---

有人能解释我做错了什么吗？

网格上的百分比单位与其他单位一样计算。如果您的单位是百分比，它将为整个计算区域添加额外的空间

---

但是，如果您添加

fr

单元，它将像flexbox一样工作，并且不会添加额外的空间。

这确实起到了作用。Thnx很高兴知道，谢谢<代码>5*19%（您的列）+

4*1%

（您的列间距）=99%。剩余的空间（1%）是您在右侧看到的空间。它不是

网格柱间隙

空间。这只是剩余的空间。