Высота блока по высоте контента? Почему виден текст?

Question

[MrLisovich]

Нужно чтобы высота раскрывающегося блока была равно контенту внутри. При нажатии на кнопку контент раскрывался вместе с блоком.

Не могу в толк взять, что не так...

CodePen

Answer 1

[Aleksey Solovyev]

Overflow добавить надо:

.req-slider {
  overflow: hidden
}

Comments

[MrLisovich]

Ок, оверфлоу решает проблему на половину. Как сделать чтобы высота контейнера была размером с контент? Сейчас задана фиксированная высота в 90 vh, если поставить - auto, должного эффекта это не повлечет. Все схлопнется.

[Aleksey Solovyev]

MrLisovich, используйте max-height вместо height: пример

[RAX7]

MrLisovich, для .box-information { position: relative; }, для .req-slider { position: absolute; height: auto;}
https://codepen.io/anon/pen/qLdqQg

[Aleksey Solovyev]

MrLisovich, jsfiddle.net/69paL3u0/1 вот Ваш код поправил(комментарий /* NEW */ поставил где код менял). Ну и теперь очевидны проблемы Вашей разметки

[Aleksey Solovyev]

RAX7, https://codepen.io/anon/pen/maJROE вот Ваш код поправил(комментарий /* NEW */ поставил где код менял). Ну и теперь очевидны проблемы Вашей разметки