Pourquoi les pourcentages de marge CSS et de remplissage sont-ils relatifs à la largeur et non à la hauteur ?

Pourquoi les pourcentages de marge/remplissage en CSS sont relatifs à la largeur

Question :

Pourquoi les pourcentages de marge et remplissage en CSS calculé en fonction de la largeur du bloc conteneur plutôt que de sa hauteur ?

Réponse :

Bien qu'il n'y ait pas de documentation officielle expliquant la raison précise, une explication plausible réside dans le potentiel de dépendance récursive dans le modèle de boîte CSS lors du calcul hauteurs avec des pourcentages.

Imaginez un élément avec padding-top ou padding-bottom réglé à 10 % de celui de son parent hauteur. Ce remplissage affectera la taille du parent, qui dépend à son tour de la hauteur de l'élément enfant. Cela crée une boucle qui peut entraîner soit des calculs de hauteur inexacts, soit une boucle infinie.

Pour éviter cette dépendance circulaire, la spécification CSS exige que les pourcentages de marge et de remplissage soient calculés en fonction de la largeur du bloc conteneur, brisant ainsi le cycle et assurer des calculs d'implantation cohérents.

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!