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

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

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

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

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