Using overflow-x and overflow-y for independent scroll control
Yes, you can set different overflow behaviors for the horizontal and vertical directions using the overflow-x and overflow-y properties in CSS. This allows you to control how content overflows separately along each axis.
overflow-x controls horizontal (left and right) overflow.
overflow-y controls vertical (top and bottom) overflow.
You can mix values—for example, allow vertical scrolling with overflow-y: auto; while hiding horizontal overflow using overflow-x: hidden;.