CSS3 Вертикальный блок flex только с jQuery

#jquery #css #flexbox

#jquery #css #flexbox

Вопрос:

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

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

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

Кроме того, он должен изменять размер при изменении размера окна браузера…

Ответ №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/