jquery - jQueryだけでCSS3垂直ボックスフレックス

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/