Les feuilles de styles CSS
DEUXIÈME PARTIE
110
Positionnons absolument le second paragraphe en top: 0 et left: 0 :
La figure 7-10 illustre le résultat : le second paragraphe prend place en haut à gauche
du document, sortant même de la boîte de son parent le bloc
DEUXIÈME PARTIE
110
Positionnons absolument le second paragraphe en top: 0 et left: 0 :
La figure 7-10 illustre le résultat : le second paragraphe prend place en haut à gauche
du document, sortant même de la boîte de son parent le bloc
. En remplaçant
la règle left: 0 par right: 0, on obtient la figure 7-11.
p#second {
position: absolute;
top: 0;
left: 0;
width: 150px;
height: 50px;
background: green;
}
Figure 7–10
Positionnement
absolu (I)
p#second {
position: absolute;
top: 0;
right: 0;
width: 150px;
height: 50px;
background: green;
}
Figure 7–11
Positionnement
absolu (II)
la règle left: 0 par right: 0, on obtient la figure 7-11.
p#second {
position: absolute;
top: 0;
left: 0;
width: 150px;
height: 50px;
background: green;
}
Figure 7–10
Positionnement
absolu (I)
p#second {
position: absolute;
top: 0;
right: 0;
width: 150px;
height: 50px;
background: green;
}
Figure 7–11
Positionnement
absolu (II)