如何将div的最小高度设置为另一个div的高度？

Question

我想将min-height的{​​{1}}设置为#wrapper的高度，而#sidebar的高度没有固定的高度。

所以，如下所示。我不熟悉JavaScript，所以请不要笑，如果它已经离开了。

var sidebarHeight = jQuery('#sidebar').height;
jQuery('#wrapper').css('min-height', sidebarHeight);

我该如何做到这一点？

Answer 1

试试这个

var sidebarHeight = jQuery('#sidebar').height(); //height() not height

并确保功能应在$(document).ready(function(){... });

根据您的需要

jQuery('#sidebar').outerHeight(); 
if(jQuery('#sidebar').is(':visible')){ // if sidebar visible min-height is applied to wrapper
    jQuery('#wrapper').css('min-height', sidebarHeight); 
}

Answer 2

使用jquery outerHeight（），因为它也会考虑边距

     $(document).ready(function(){
       var sidebarHeight = jQuery('#sidebar').outerHeight();
       jQuery('#wrapper').css('min-height', sidebarHeight);

       $(window).resize(function(){ //for responsive site ensure that min-height is changed 
        var sidebarHeight = jQuery('#sidebar')..outerHeight();
       jQuery('#wrapper').css('min-height', sidebarHeight);  
       });
     });