Comment créer : Flottabilité réactive

Apprenez à créer des éléments flottants réactifs en utilisant CSS.

Flottabilité réactive

Utilisez des requêtes média pour définir une largeur d'écran spécifique (en pixels) pour déterminer quand un élément doit flotter :

/* En flottant à droite sur les écrans d'une largeur égale ou inférieure à 768 pixels */
@media (max-width: 768px) {
  .float-right-sm {
    float: right;
  }
}
/* En flottant à droite sur les écrans d'une largeur égale ou supérieure à 769 pixels */
@media (min-width: 769px) {
  .float-right-lg {
    float: right;
  }
}

Essayer vous-même

Pages liées

Tutoriel :Flottaison CSS