我一直在尝试使用css中的网格，并遇到以下情况
我创建了一个包含多个div s
我的.container会创建一个包含5个项目的网格，其宽度为20％。
我添加了grid-column-gap并注意到它在容器中创建了溢出。我发现grid-column-gap将其值添加到grid-template-columns值。所以我将值改为19％。
现在这些项目适合网格。但我的理解是grid-column-gap之间添加了div。我现在所拥有的是最后一项还包含右侧的间隙。
我想在div之间留下间隙，而不是在最后。
请参阅Fiddle
有谁能解释我做错了什么？
答案 0 :(得分：3)
grid上的百分比单位与其他单位一样计算。如果您的单位是百分比，它将为整个计算区域增加额外的空间。
如果您添加fr单位，它将像flexbox一样工作，并且不会增加额外空间。