CSS3 boîte verticale flex avec juste jQuery

Question

Comment puis-je faire avec jQuery: http://jsfiddle.net/tdskate/C4nAG/

je besoin d'un div qui ajuste automatiquement la hauteur de l'espace disponible mais beaucoup reste vertical.

J'ai essayé de le calculer avec $('body > *').height() puis de soustraire la hauteur de l'élément de ... mais il ne calcule pas correctement quand certains éléments ont des marges supérieures ou inférieures.

En outre, il doit redimensionner lorsque la fenêtre du navigateur se redimensionnée ...

Answer 1

Cela devrait fonctionner:

$(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/