Le positionnement en CSS
CHAPITRE 7
115
Les paragraphes fonctionnent encore en flux et s’affichent l’un sous l’autre. Le premier a une largeur limitée et le second occupe tout l’espace du conteneur
(figure 7-15).
Le décor est planté : appliquer la propriété float: right au premier paragraphe produira le résultat de la figure 7-16.
Le premier paragraphe une fois poussé à droite du conteneur, la suite obéit au flux
normal : elle commence au début du conteneur mais s’écoule autour du bloc flottant.
p#premier {
width: 100px;
background: orange;
}
p#second {
background: green;
}
Figure 7–15
Positionnement en flux
en préparation d’un
positionnement
flottant
Figure 7–16
Positionnement
flottant
CHAPITRE 7
115
Les paragraphes fonctionnent encore en flux et s’affichent l’un sous l’autre. Le premier a une largeur limitée et le second occupe tout l’espace du conteneur
(figure 7-15).
Le décor est planté : appliquer la propriété float: right au premier paragraphe produira le résultat de la figure 7-16.
Le premier paragraphe une fois poussé à droite du conteneur, la suite obéit au flux
normal : elle commence au début du conteneur mais s’écoule autour du bloc flottant.
p#premier {
width: 100px;
background: orange;
}
p#second {
background: green;
}
Figure 7–15
Positionnement en flux
en préparation d’un
positionnement
flottant
Figure 7–16
Positionnement
flottant