html - Why does my grid have 3 columns when I've set grid-template-columns: repeat(2, 1fr);?

Question

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

标签： htmlcsscss-grid

Answer 1

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