Основное отличие значений auto и scroll в свойстве overflow заключается в поведении полос прокрутки: 24

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

Таким образом, при overflow: auto полосы прокрутки возникают при необходимости, а при overflow: scroll — всегда видны. 2

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