Высота родителя меньше высоты контента. Почему?

Question

[Артур]

4 ряда, в ряде по 4 блока. 1 ряд отображается на странице, остальные 3 скрыты. При клике по кнопке "Показать" отображаются все ряды, но высота родителя не меняется, хотя количество контента увеличилось. Почему так?
Ссылка на пример

Comments

[Иван]

ссылку

[Артур]

Иван: приложил

Answer 1

[Alexander Pushkarev]

Блоки через float: left? Используйте clearfix. А вообще переходите на flex

Comments

[Артур]

Приложил ссылку.

[Alexander Pushkarev]

Артур: для блока fix. Указана высота height: 44%;, при раскрытии нужно её убирать

[Артур]

Alexander Pushkarev: к .flx добавляется класс full-block с height: 100%, но это проблему не решает. К сожалению

Answer 2

[Astrohas]

Вы для comntainer-а фиксированную высоту дали.
https://jsfiddle.net/z3mf7tqo/2/

Comments

[Артур]

Да. Только так элементы появляются плавно. Посоветуйте решение как можно ещё сделать

[Astrohas]

Артур: Как то так https://jsfiddle.net/z3mf7tqo/6/

Answer 3

[Максим]

вы тем что ограничиваете вашего родителя высотой ни чего не добьётесь , надо указывать либо min-height либо вообще не указывать высоту : https://jsfiddle.net/z3mf7tqo/5/