Comment les éléments flottants interagissent-ils avec le flux normal d'une page ?

Les éléments flottants et leur relation avec le flux

Vos questions tournent autour du concept d'éléments flottants en HTML/CSS. Explorons les réponses :

1. Signification de « Restant toujours une partie du flux »

Les éléments flottants sont supprimés du flux normal de la page, mais ils restent toujours une partie du flux. Cela signifie que le texte et les éléments en ligne peuvent s'enrouler autour d'eux, contrairement aux éléments positionnés de manière absolue qui n'affectent plus le flux.

Dans votre exemple, "restant toujours une partie du flux" signifie que le premier DIV (". left") reste dans le flux même s'il flotte vers la gauche. Cela est évident par le fait que le texte peut toujours l'entourer. Par conséquent, le premier DIV n'est pas "en dehors" du flux, mais plutôt positionné de manière à permettre au contenu de circuler autour d'il.

2. Positionnement du troisième DIV à l'extérieur du bloc conteneur

Le troisième DIV (".right") flotte vers la droite, ce qui le pousse hors du bloc conteneur (l'élément de section). En effet, l'espace disponible sur le côté droit du bloc conteneur est épuisé en raison des DIV précédents (".left" et ".left_second").

Pour résoudre ce problème et conserver le troisième DIV dans le contenant le bloc, vous pouvez soit :

• Définir "float: left;" sur le troisième DIV, ce qui le positionnerait à côté du deuxième DIV.
• Augmentez la largeur du bloc contenant pour accueillir les trois DIV.

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!