css:float

Un article de Polydoc.

[modifier] Synopsis

float: valeur;

Trois valeurs possibles :

1. left : alignement à gauche
2. right : alignement à droite
3. none : aucun flottement

Le flottant s'annule grâce à la propriété clear.

[modifier] Description

Permet de placer un élément de manière flottante, ce qui va le retirer du flux courant, pour le placer à gauche, ou à droite.

[modifier] Notes

[modifier] Float et margin

Dans le cadre d'un design à plusieurs colones (une pour un menu flottant et une autre pour le corps), et possédant un pied de page prenant toute la largeur, il faut faire attention lors de la création d'un espace entre colonnes (menu et corps) et pied de page : préférez un margin-bottom identique sur corps et menu plutôt qu'un margin-top sur le pied de page. En effet, le margin-top ne s'appliquerait pas à l'élément flottant (ici, le menu) et dans le cas d'un corps plus court que le menu, le menu collerait au pied de page.

[modifier] Exemples

[modifier] Lettrine

p:first-letter
{
	float: left;
	font-size: 3em;
}