Разница между overflow: auto и overflow: scroll в веб-дизайне заключается в поведении полос прокрутки:

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

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

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