https://jsfiddle.net/5mL2aa7x/20/
Вот тут код
$( window ).resize(function() {
$('.content').css('max-height', 'none');
$('.wrapper').css('height', $('.content').outerHeight());
$('.content').css('max-height', '');
}).trigger('resize');
Не пойму почему эта строчка $('.wrapper').css('height', $('.content').outerHeight());
определяет высоту блока content, как будто он развёрнутый, а если просто в консоле написать $('.content').outerHeight(), то значение будет реальное 50px