Чем отличается overflow-y от overflow-x при работе с элементами сайта?

Основное отличие свойств overflow-y и overflow-x при работе с элементами сайта заключается в том, что они определяют обработку переполнения в разных направлениях: html5book.ru

• overflow-x определяет, что делать с левым и правым краями контента при горизонтальном переполнении (с левой и правой сторон блока); msiter.ru html5book.ru
• overflow-y определяет, что делать с верхним и нижним краями контента при вертикальном переполнении (с верхней и нижней сторон блока). msiter.ru html5book.ru

Таким образом, overflow-x указывает, как будет отображаться содержимое элемента при переполнении по ширине, а overflow-y — по высоте. learn.javascript.ru

Эти свойства применяются к блочным, гибким контейнерам и контейнерам-сеткам. html5book.ru