Grille CSS : Pourcentage par rapport aux unités « fr » : quelle est la différence ?

La différence entre les unités de pourcentage et fr dans la disposition en grille CSS

Lors de l'utilisation des unités fr, l'espace libre dans le conteneur est réparti également entre les colonnes. La propriété grid-column-gap n'est pas un facteur.

Cependant, lorsque vous utilisez %, le conteneur est divisé en un certain nombre de colonnes, chacune ayant une largeur déterminée par le pourcentage. Les longueurs des colonnes et les espaces de la grille sont pris en compte dans la largeur.

Cela peut entraîner un débordement si la largeur totale des colonnes et des espaces dépasse la largeur du conteneur.

Pour éviter le débordement, vous pouvez utiliser la fonction calc() pour soustraire la largeur des espaces de la grille de la largeur de chaque colonne.

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!