Webelix.net :: CSS - La propriété Float

Vous êtes ici : Home Page

Cours

CSS

Propriete float

Imprimer le document

Informations Générales

[442] Posts sur le forum

[523] Membres inscrits
Il y a en ligne :

0 Membre

0 Invité

Membre en ligne:
Aucun

Partenariat

Vous pouvez aider ce site à évoluer, en contribuant à son développement. Proposez vos idées de cours et/ou dossiers.
Rendez-vous dans « Partenariat » pour en savoir plus.

Prestataire

N°1 de l'hébergement, location de serveurs, nom de domaines et téléphonie.
(OVH est recommandé par Webelix.net)

Nos Partenaires

La propriété Float

Cette propriété spécifie le flottement à gauche, à droite ou pas du tout d'une boîte.

float
Valeur	none left right
Type	CSS 1
Compatibilité	5+ 7+ 4+ 3+ 9+
Valeur par défaut	none
Domaine d'application	Tous sauf les éléments positionnables et les contenus générés.
Héritage	non
Media	Visuel

Valeur possible	Action	Exemple
none	Aucun flottement n'est appliqué.	h2 {float: none}
left	Flottement de l'élément sur la gauche de la fenêtre.	img {float: left}
right	Flottement de l'élément sur la droite de la fenêtre.	p {float: right}

Exemples

Code HTML pour les exemples :

<div class="div1">Une boîte flottant</div>
<div class="div2">Une boîte fixe</div>

Aucun flottement n'est appliqué.

Une boîte flottant

Une boîte fixe

.div1 {
	float: none;
	width: 40px;
	padding: 2px;
	color: white;
	background: green;
}
.div2 {
	height: 70px;
	background: yellow;
}

Flottement de l'élément sur la gauche de la fenêtre.

Une boîte flottant

Une boîte fixe

.div1 {
	float: left;
	width: 40px;
	padding: 2px;
	color: white;
	background: green;
}
.div2 {
	height: 70px;
	background: yellow;
}

Flottement de l'élément sur la droite de la fenêtre.

Une boîte flottant

Une boîte fixe

.div1 {
	float: right;
	width: 40px;
	padding: 2px;
	color: white;
	background: green;
}
.div2 {
	height: 70px;
	background: yellow;
}

Les dernières pages de Cours et Dossiers ajoutées

Informations Générales

Informations Générales

Partenariat

Prestataire

Nos Partenaires

La propriété Float

Exemples