Texte original : tout sur les flotteurs
Traduction : A propos de la vie passée et présente des flottants
Tous droits réservés. Veuillez indiquer la source lors de la réimpression. Merci ! !
Qu'est-ce qu'un flotteur ?
Float est une propriété de positionnement de CSS. Nous pouvons examiner la conception typographique pour comprendre ses origines et son rôle. Dans une mise en page imprimée, le texte peut entourer l'image à volonté. Cette méthode est généralement appelée « habillage de texte ».
Voici un exemple :
Dans un logiciel de composition, la zone de texte peut être définie pour permettre une mise en page mixte d'images et de texte, ou pour l'ignorer. Aucun mélange texte-image ne permettra au texte d'apparaître au-dessus de l'image comme s'il n'était même pas là. C'est la différence entre le fait qu'une image fasse ou non partie du flux de la page. La conception Web est très similaire à celle-ci.
Dans la conception Web, les éléments de page auxquels l'attribut float du CSS est appliqué sont comme des images entourées de texte dans une mise en page typographique. Les éléments flottants font toujours partie du flux de la page Web. Il s'agit d'une différence significative par rapport à l'utilisation d'éléments de page positionnés de manière absolue. Les éléments de page positionnés de manière absolue sont supprimés du flux de la page, tout comme les zones de texte dans les mises en page d'impression sont configurées pour ignorer le retour à la page. Un élément positionné de manière absolue n'affectera pas les autres éléments, et les autres éléments ne l'affecteront pas, qu'il se trouve ou non à côté d'autres éléments.
Définissez un float avec CSS sur un élément comme ceci :
#sidebar {flotteur : droite }
L'attribut fload a quatre valeurs disponibles : Left et Right font flotter l'élément dans sa direction respective, None (par défaut) fait que l'élément ne flotte pas et Inherit obtiendra la valeur float de l'élément parent.