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

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

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

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