Какие свойства CSS для управления переполнением контента важны на практике и как они влияют на поведение?

Переполнением управляют свойства `overflow`, `text-overflow`, `overflow-wrap` и `line-clamp`.

overflow

• visible (по умолчанию) — содержимое вылезает за блок.
• hidden — обрезается, прокрутки нет.
• auto — полоса прокрутки появляется при необходимости.
• scroll — полоса прокрутки всегда.
• clip — обрезает, но не создаёт контекст прокрутки (не ломает position: sticky у потомков).

overflow-x и overflow-y задают оси отдельно.

Текст

.title { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }   /* одна строка с … */
.desc { display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; }
.url { overflow-wrap: anywhere; }   /* перенос длинных слов */

Влияние на поведение

• overflow, отличный от visible и clip, создаёт новый контекст форматирования: блок содержит float, а margin детей не выпадают наружу.
• overflow: hidden у родителя ломает position: sticky у потомков.
• Прокручиваемый блок может перехватывать прокрутку — overscroll-behavior: contain это ограничивает.

Коротко для собеседования

overflow (visible/hidden/auto/scroll/clip) управляет вылезанием и прокруткой, text-overflow и line-clamp — обрезкой текста, overflow-wrap — переносом слов.

Подробнее: MDN — overflow