overflow-x: visible; doesn't work with overflow-y: auto; any workaround? [duplicate]

问题

This question already has answers here:

CSS overflow-x: visible; and overflow-y: hidden; causing scrollbar issue (6 answers)

Closed 3 years ago.

i am trying

.item {
   width: 100px;
   overflow-x: visible;
   overflow-y: auto;
}

But vertical overflow:auto seems to override horizontal's

fiddle: http://jsfiddle.net/xcUTV/

Is there any workaround for this? even with a bit of javascript

回答1:

You cannot, that is written in the spec.

Have a look here : https://stackoverflow.com/a/6433475/1343096

Since it is written in the spec, I am 99% sure that it is impossible to do.

来源：https://stackoverflow.com/questions/10903084/overflow-x-visible-doesnt-work-with-overflow-y-auto-any-workaround