Для чего нужен Float во Flex

Float не используется во Flex, так как Flexbox и Float — это разные модели расположения элементов. Flexbox создан для более удобного и предсказуемого управления раскладкой, а Float изначально предназначен для обтекания текстом (например, изображений).

Во Flex-контейнере свойства float, clear и vertical-align игнорируются, потому что Flexbox управляет выравниванием и порядком элементов через свои собственные свойства (justify-content, align-items и др.).

Пример:

.container {
  display: flex;
}
.item {
  float: left; /* Не сработает внутри Flex-контейнера */
}

Если нужна сложная раскладка, лучше комбинировать Flex с Grid, а не с Float.