В чем разница между overflow: visible и overflow: hidden при разработке сайтов?

Разница между overflow: visible и overflow: hidden при разработке сайтов заключается в поведении содержимого, если его размер превышает допустимую длину или ширину. learn.javascript.ru

overflow: visible (значение по умолчанию) позволяет содержимому отображаться снаружи родительского блока, если его размеры больше размеров «родительского» блока. doka.guide Например, слишком длинный текст выйдет за пределы родительского элемента. htmlacademy.ru

overflow: hidden скрывает часть содержимого, которая не поместилась в контейнере. htmlacademy.ru Содержимое, выходящее за пределы «родительского» блока, обрезается по его границам без прокрутки. doka.guide

Таким образом, overflow: visible гарантирует, что содержимое никогда не будет непреднамеренно скрыто, а overflow: hidden уместнее использовать для оформления сайта, например, чтобы обрезать часть декоративного изображения. htmlacademy.ru hcdev.ru