当我设置了 grid-template-columns: repeat(2, 1fr); 时，为什么我的网格有 3 列？

【问题标题】：Why does my grid have 3 columns when I've set grid-template-columns: repeat(2, 1fr);?当我设置了 grid-template-columns: repeat(2, 1fr); 时，为什么我的网格有 3 列？
【发布时间】：2021-05-19 18:13:43
【问题描述】：

<div style="display: grid; grid-template-columns: repeat(2, 1fr); gap: 1.5rem;">
    <div class="card">...</div>
    ...
</div>

【问题讨论】：

看起来还涉及其他代码。您可以发布所有相关代码吗？

标签： html css css-grid

【解决方案1】：

问题是我在网格底部有一个额外的 div，它太宽并产生了奇怪的行为。因此，如果您有类似的问题，请检查您的所有网格子节点。

【讨论】：