【发布时间】：2018-04-29 17:09:35
【问题描述】：
我一直在 css 中试验网格并遇到以下问题。
我创建了一个容器，其中包含多个divs
我的.container 创建了一个由 5 个项目组成的网格，宽度为 20%。
我添加了grid-column-gap 并注意到它在容器中造成了溢出。我发现grid-column-gap 将它的值添加到grid-template-columns 值。所以我将它的值更改为 19%。
现在项目适合网格。但是我的理解是grid-column-gap 是在divs 之间添加的。我现在所拥有的是最后一项在右侧也包含一个间隙。
我想在divs 之间留出空隙，而不是在最后。
请参阅Fiddle
谁能解释我做错了什么？
【问题讨论】：
-
5 * 19%（您的列）+4 * 1%（您的列间隙）= 99%。剩余空间 (1%) 就是您在右侧看到的内容。这不是grid-column-gap空间。这只是剩余空间。