Разница между overflow-x и overflow-y в CSS заключается в том, что они определяют обработку переполнения в разных направлениях: 2

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