CSS3立式箱體柔性只需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/