Почему дочерний элемент с overflow:hiden получает высоту 0?

Question

[Igorek98]

Почему, когда у родителя overflow:scroll, а у дочернего overflow:hidden, то дочерний элемент становится высотой в 0 и только лишь из-за padding его ещё видно.
Как это исправить, чтобы дочерний элемент был нормальной высоты?

https://jsfiddle.net/tfdL67p9/1/

Answer 1

[Sagrana]

Это не из-за overflow, а из-за display: flex у родителя. Поставьте для дочернего элемента flex-shrink: 0, тогда он не будет сжиматься.