Основное отличие значений overflow-x: auto и scroll в современных браузерах заключается в поведении полос прокрутки. 13

overflow-x: auto приводит к тому, что полосы прокрутки появляются только тогда, когда содержимое не умещается в пределах элемента. 3 По умолчанию они скрыты. 1

overflow-x: scroll, в свою очередь, делает полосы прокрутки постоянно видимыми, независимо от потребности в их использовании. 3 Это позволяет избежать проблем с появлением и исчезновением полос прокрутки в динамической среде. 2

Таким образом, auto помогает сохранить эстетику дизайна, так как полосы прокрутки становятся незаметными, пока в них нет потребности. 3 Scroll, в свою очередь, поддерживает целостность дизайна страницы, так как полосы прокрутки всегда видимы. 3

При этом стоит учитывать, что поведение полос прокрутки может отличаться в разных браузерах. 3