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/