CSS3 Вертикальная коробка Flex с просто JQuery

Question

Как я могу сделать это с помощью jQuery: http://jsfiddle.net/tdskate/C4nAG/

Мне нужен div, который автоматически подстраивает высоту, чтобы оставить столько свободного места по вертикали.

Я пытался вычислить это с помощью $('body > *').height(), а затем вычесть из этого высоту элемента ... но он не рассчитывается должным образом, когда некоторые элементы имеют верхнее или нижнее поля.

Кроме того, необходимо изменить размер при изменении размера окна браузера ...

Answer 1

Это должно работать:

$(function() {
    $(window).resize(function() {
        var other_element_heights = 0;

        $('body').children().each(function() {
            other_element_heights += $(this).outerHeight(true);
        });

        other_element_heights -= $('.auto-height').height();

        $('.auto-height').height($(window).height() - other_element_heights);
    }).resize();   
});

http://jsfiddle.net/C4nAG/82/