Плавающие элементы (float) в CSS — это свойство, которое позволяет перемещать элемент из обычного потока документа и располагать его слева или справа своего контейнера. Соседние элементы и текст будут обтекать этот плавающий элемент.

Основные значения свойства float:

left: Элемент плавает слева.
right: Элемент плавает справа.
none: Элемент остаётся в обычном потоке (значение по умолчанию).
inherit: Наследует значение родителя.

Примеры использования:

css

Особенности поведения:

Плавающий элемент удаляется из стандартного потока документа, но при этом воздействует на расположение соседних элементов и текста.
Родитель плавающего элемента может "схлопнуться", так как плавающие дети не влияют на его высоту в обычном потоке. Для предотвращения этого используют метод clear или другие техники, например, overflow: hidden или Flexbox/Grid.
Свойство clear позволяет указать, с какой стороны плавающие элементы не должны находиться:
```
css
```

Плавающие элементы исторически использовались для создания многоколоночных макетов, но сейчас для этой цели предпочтительнее использовать Flexbox или CSS Grid из-за их лучшей гибкости и предсказуемости. Однако float по-прежнему полезен для обтекания текста изображениями или другими элементами.

Что такое плавающие элементы (float) в CSS?