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

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

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

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