Как работает Float layout (устаревший)?
float: left/right— элемент "всплывает", текст обтекает- Проблема: родитель "схлопывается" (высота 0)
- Решение: clearfix (
::after { content: ''; display: block; clear: both; }) - Сейчас используется почти исключительно для обтекания текстом изображений