Css 具有“边距0:auto”的容器和具有“display:grid”冲突的子容器

因此，我有一个这样的容器：

.container{
    max-width: 1300px;
    margin: 0 auto;
    padding: 20px 0px;
}

在容器内部，我有另一个子容器/元素，它是一个网格：

.child{
    list-style-type: none;
    padding: 0px;
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
    grid-gap: 15px;
}

现在由于某种原因，该子级导致容器上的

边距：0 auto

行为异常：例如，左/右侧的边距有时可能是280px，而其他时候可能是297px，即使屏幕宽度没有改变

如果我从

.child

中取出以下行

网格模板列：重复（自动填充，最小值（320px，1fr））

…它按预期工作，利润率不变

我花了好几个小时试图弄明白这一点，但运气不佳，对这里可能发生的事情有什么想法吗？
试图重现这个问题。但我不能。看不到利润率的变化。请张贴实际的代码，包括最小的CSS和HTML在您的问题，再现问题，以便我们可以帮助您解决它。