¿Cómo crear: flotante responsive
- Página anterior Eliminar flotación
- Página siguiente Barra de notificación
Aprende a usar CSS para crear elementos flotantes responsivos.
Flotante responsive
Se utiliza la consulta de medios y se establece un ancho de pantalla específico (en píxeles) para determinar cuándo debe flotar el elemento:
/* En pantallas de ancho igual o menor a 768px, flota a la derecha */
@media (max-width: 768px) {
.float-right-sm {
float: right;
}
}
/* En pantallas de ancho 769 píxeles o más, flota a la derecha */
@media (min-width: 769px) {
.float-right-lg {
float: right;
}
}
Páginas relacionadas
Tutoriales:Flotación CSS
- Página anterior Eliminar flotación
- Página siguiente Barra de notificación
