Что такое float и для чего он используется

Float – это CSS-свойство, которое вырывает элемент из обычного потока документа и прижимает его к левому или правому краю родителя. Текст и другие inline-элементы обтекают такой элемент.

Пример:

img {
  float: left;
  margin-right: 10px;
}

Особенности:

• Элемент с float выпадает из потока, что может ломать вёрстку
• Родительский элемент схлопывается, если не применить clearfix
• Для очистки обтекания используют clear: both или современные методы вроде display: flow-root

Минусы:

• Устаревший подход для построения сеток (лучше flex/grid)
• Может вызывать проблемы с выравниванием и позиционированием

Сейчас float в основном используют для обтекания текстом изображений, а не для вёрстки макетов.