Чем отличается auto от scroll в свойстве overflow?

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

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

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

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