La grille dépasse le corps avec 100% grid-template-columns

Pourquoi une grille d'affichage avec 100% dans les colonnes de la grille s'étend-elle au-de FIXE?

Problème:

Considérez les CSS et HTML:

Lorsque la position n'est pas fixe, le réseau affiche correctement. Cependant, lorsque la position est définie sur fixe, la grille s'étend au-delà du corps sur le côté droit.


Solution:


Le problème n'est pas avec la largeur à 100% mais avec la propriété de colonnes de giéle de grille. En utilisant des pourcentages et une grille fixe dépassera à la place 100% de l'espace disponible. Class = "extrait-code">

. Parent { Position: Fixe 6fr; 
 grid-gap: 5px; 
 background: #eee; 
} . Lang-html Prettyprint-Override "> 
  
 gauche 
  
 droit  div> 
 
 du corps.