Home > Mobile >  Why `overflow-x: visible` not work when overflow-y is scroll
Why `overflow-x: visible` not work when overflow-y is scroll

Time:12-17

codesandbox

Here is my code, I want show the 'pink content' complete, So I set overflow-y: scroll and overflow-x: visible, but the overflow-x is not work well

Is my usage incorrect, or do I still need to adjust the HTML structure?

CodePudding user response:

Your usage/syntax isn't incorrect, but it is unfortunately a specifically disallowed combination.

overflow-x: visible is only compatible with overflow-y: visible (and not with scroll as you're using).

Source: Mozilla overflow-x

  •  Tags:  
  • css
  • Related