Why don't overflow-x and overflow-y work?

Question

css

Hello! Faced such a problem, when specifying the parent

overflow-x:hidden;
overflow-y:visible;

overflow-y:visible; - is not taken into account and the element behaves as if it was set to overflow:hidden;
Example

Answer 1

only a double container with overflow-x for one and overflow-y for the other will help here

Answer 2

It cannot respect the #absolute block because it is not in the document flow.

Answer 3

I could be wrong. But this problem seems to be solved only by reformulating the problem. When you put overflow-x or y hidden, the other setting goes to auto.

Answer 4

I had a similar situation. We needed overflow-x: hidden , and overflow-y to be visible. So I climbed higher to the parent and where the obsessive cropping on the y axis did not bother me . Maybe someone will find this approach useful.