Article(s) tagué(s) avec le mot clé :float.
le modéle de boite en flex donne une hauteur de référence aux enfants sans qu'il soit nécessaire de la déclaré dans la feuille de styles pour s'en servir. et c'est plutôt une bonne chose si l'on est dans un cas où cette hauteur varie selon le contenu ou la largeur de l'écran.
Si float a beaucoup été utilisé pour créer des colonnes, choses auxquelles il n'etait pas vraiment destiné à l'origine, il a aujourd'hui shape-outside qui complete joliement son utilité premiere. définition sur Mozilla.org.
float permet d'ancrer à gauche ou à droite un élement en le retirant du flux naturel de la page. les contenus des élements suivant vont couler autour . Cette boite ainsi ancré se delimite par un rectangle de taille adaptée au contenu. c'est ce que shape-outside permet de modifier.
Une mise à jour de l'article est en cours, ce sera un pré-requis pour appréhender l'article une grille d'hexagone imbriqués en CSS..
Cette article va vous donner quelques exemples reprenant les vielles méthodes en comparaison sur une structure courante avec
Nous allons recréer cette structure visuelle en passant par float, grid et l'affichage en mode table.
Lire la suite de Histoire de colonne au fil du temps (layout)