Как Flexbox управляет осями? Чем он лучше float?

1. Оси в Flexbox:

• Главная ось: Направление задается flex-direction (row, column).

• Поперечная ось: Перпендикулярна главной.

• Свойства для управления:

  • justify-content (главная ось).

  • align-items (поперечная ось).

Пример:

.container {
  display: flex;
  flex-direction: row; /* Главная ось — горизонталь */
  justify-content: center; /* Центрирование по главной оси */
  align-items: flex-start; /* Выравнивание по поперечной оси */
}

2. Проблемы float:

• Элементы "выпадают" из потока, требуются хаки (clearfix).

• Сложное выравнивание по вертикали.

• Не адаптивен без медиазапросов.

Вывод:
Flexbox — современный стандарт для большинства задач верстки.