Как создать: респонсивное浮动

Изучите, как использовать CSS для создания респонсивных плавающих элементов.

Респонсивное浮动

Использование медиа-запросов и установка конкретной ширины экрана (в пикселях) для определения, когда элемент должен浮动:

/* В ширине экрана равной или меньше 768 пикселей浮动 вправо */
@media (max-width: 768px) {
  .float-right-sm {
    float: right;
  }
}
/* В ширине экрана равной или большей 769 пикселей浮动 вправо */
@media (min-width: 769px) {
  .float-right-lg {
    float: right;
  }
}

Попробуйте сами

Связанные страницы

Урок:CSS: плавание