Почему не работают overflow-x и overflow-y?

Question

[Антон]

Здравствуйте! Столкнулся с такой проблемой, при указании родителю

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

overflow-y:visible; - не учитывается и элемент ведет себя так, будто ему выставили overflow:hidden;
Пример

Comments

[al3ch5]

В примере нет ничего! Я не увидел, где там Overflow-x overflow-y

[Антон]

al3ch5: у всех есть, а у вас нет)

[Valek-web Zir]

Как решил проблему?

Answer 1

[Дмитрий Антонов]

Он не может учитывать блок #absolute т.к он не в потоке документа.

Comments

[Антон]

И что делать?

Answer 2

[Пума Тайланд]

тут поможет только двойной контейнер с overflow-x у одного и overflow-y у другого

Comments

[Антон]

Такой вариант работает некорректно - появляются вертикальные скорллбары, как будто overflow-y стоит не visible, а auto.

Answer 3

[onevetka]

Я могу ошибаться. Но похоже эта проблема решается только переформулированием задачи. Когда вы ставите overflow-x или y hidden, другой параметр переходит в режим auto.

Comments

[Олег Андрианов]

https://developer.mozilla.org/en-US/docs/Web/CSS/o...

Answer 4

[tim_kindrat]

У меня похожая ситуация была. Нужно было overflow-x: hidden, а overflow-y что б был видимым. Так я поднялся выше к родителю и где мне не мешало навязчивое обрезание по оси y. Может кому будет полезным такой подход.