Pourquoi les valeurs de débordement non « visibles » créent-elles de nouveaux contextes de formatage de bloc dans CSS2.1 ?

Pourquoi CSS2.1 définit des valeurs de débordement autres que « visible » pour établir un nouveau contexte de formatage de bloc

La spécification CSS2.1 exige que les valeurs de débordement autres que « visible » établissent un nouveau contexte de formatage de bloc (BFC). Cette décision peut sembler contre-intuitive, dans la mesure où le débordement est généralement utilisé pour masquer le contenu sans affecter la mise en page. Cependant, il existe des raisons impérieuses derrière ce choix.

Contenu et performances défilables

L'une des principales motivations pour définir des valeurs de débordement non visibles en tant que BFC est d'améliorer les performances lors du défilement. . Lorsqu'un élément flottant croise du contenu défilant en dehors de son conteneur parent, les navigateurs doivent réemballer le contenu autour du flotteur à chaque défilement. Ce réemballage constant aurait un impact significatif sur la vitesse de défilement si les navigateurs devaient implémenter la spécification CSS2 d'origine.

Cohérence avec d'autres valeurs de débordement

Un autre facteur dans cette décision est la cohérence. Bien que overflow: "hidden" puisse sembler simplement découper le contenu dans son conteneur, il peut toujours être défilé par programme. Par conséquent, la spécification d'une valeur de débordement non visible entraîne systématiquement un nouveau BFC, que le contenu soit réellement défilable ou non.

Comportement unificateur avec les éléments remplacés

CSS2. 1 a également introduit des changements dans le comportement de height: "auto" pour les racines de contexte de formatage de bloc (BFCR). Les BFCR avec hauteur : "auto" s'étirent désormais verticalement pour accueillir les flotteurs. Cela correspond au comportement des éléments remplacés (par exemple, les images), qui créent intrinsèquement des BFC et s'étirent pour s'adapter à leur contenu.

Avantages du débordement non visible

Par définissant des valeurs de débordement non visibles comme BFC, CSS2.1 garantit :

• Des performances améliorées pour contenu défilant qui croise les flottants
• Établissement cohérent des BFC, quelle que soit la capacité de défilement
• Unification du comportement avec les éléments remplacés
• Évitement de chevauchement entre les flottants et les BFCR

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!