Нелогично работает overflow-x?

Question

[Dymok]

По некоторым причинам нужно использовать в блоке overflow-x: hidden, в этом блоке есть блок, выходящий за верхнюю границу родителя. При использовании overflow-x: hidden этот дочерний блок обрезается по родителю, почему так? Ведь overflow-x должен скрывать всё по оси X, то есть слева и справа?
codepen

Comments

[Сергей Горячев]

Все правильно работает, оверфлоу по своей сути скрывает все, что за пределами блоки, а х и у только указание, где будет скролл, а где нет.

Answer 1

[Lam Besis]

Overflow всегда обрезает контент и по вертикали и по горизонтали.
Свойства "overflow-x" и "overflow-y" управляют только полосой прокрутки, обрезаться будет всегда со всех сторон.