CSS 网格布局中百分比和 fr 单位的区别 使用 fr 单位时，容器中的可用空间在各列之间平均分配。 grid-column-gap 属性不是一个因素。 但是，当使用 % 时，容器被分成许多列，每列的宽度由百分比确定。列长和网格间隙都会影响宽度。 如果列和间隙的总宽度超过容器的宽度，这可能会导致溢出。 为避免溢出，您可以使用 calc() 函数从每列的宽度中减去网格间隙的宽度。
