Почему не работает overflow:hidden?

Question

[Alexander]

jsfilder
Почему не прячется элемент ?

Answer 1

[Сергей]

htmlbook

Свойство overflow управляет отображением содержания блочного элемента, если оно целиком не помещается и выходит за область заданных размеров.

Это свойство не скрывает элемент. Если нужно скрыть сам элемент, используйте display:none;

Comments

[Alexander]

Спасибо за ответ, я знаю про display:none но мне нужно чтобы overflow:hidden был.

[Serj-One]

Alexander Kim: overflow:hidden убирает скролл. В вашем примере применять его некуда.

[Сергей]

Alexander Kim: для каких целей?

Answer 2

[Денис Инешин]

Вообще не ясно причем тут overflow: hidden? Он управляет содержимым блока, а не видимостью самого блока.
Вот если вы внутрь что-то засунете, тогда будет иметь смысл: https://jsfiddle.net/ukfm69xw/2/