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

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

overflow: auto добавляет полосы прокрутки при необходимости: если содержимое не помещается, они появятся, если всё помещается — их не будет. 2 Полосы появляются, когда содержимое выпадает из родительского контейнера, и исчезают, если оно помещается целиком. 3

Таким образом, при overflow: visible содержимое отображается за границами блока, а при overflow: auto — при переполнении отображается полоса прокрутки. 12