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

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

Comprendre le problème :

CSS2.1 précise que les valeurs de débordement autres que "visible" créent un nouveau "contexte de formatage de bloc" (BFC). Mais cette définition soulève des inquiétudes car le débordement est destiné à masquer le débordement sans modifier la disposition.

La justification derrière la décision :

Le raisonnement derrière cette spécification tourne principalement autour de l'impact sur le défilement du contenu. Sans cette règle, un élément flottant croisant un élément déroulant obligerait le navigateur à réemballer le contenu en continu pendant le défilement, ce qui aurait un impact sérieux sur les performances.

Implications pour le défilement :

Voici comment cette décision affecte différentes valeurs de débordement :

• Débordement : auto ou scroll : Dans ce cas, le contenu peut défiler mais ne peut pas croiser les flotteurs. Cela empêche le contenu d'être obscurci par les flottants pendant le défilement.
• Débordement : caché : Bien que le contenu ne puisse pas défiler visiblement, il peut toujours l'être via JavaScript. Débordement : masqué empêche de la même manière les flotteurs de croiser le contenu.

Cohérence et comportement de la boîte :

L'établissement d'un BFC pour les valeurs de débordement autres que "visible" garantit la cohérence . Il éloigne la boîte entière du flotteur pour créer un chemin dégagé. Cela se produit indépendamment des propriétés claires. De plus, une racine de contexte de formatage de bloc (par exemple, un élément avec overflow: auto) créée par overflow peut s'étendre verticalement pour s'adapter à la hauteur de ses flottants en raison des modifications introduites dans CSS2.1.

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!