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

我想将min-height的#wrapper设置为#sidebar的高度，该高度没有固定的高度。如何将div的最小高度设置为另一个div的高度？

所以，像下面这样。我不善于使用JavaScript，所以如果路途不好，请不要笑。

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

我该如何做这项工作？

来源

2014-03-26 J82

为什么最小高度，其高度应超出其父母？ – Shomz

试试这个

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); 
}

来源

2014-03-26 05:16:38

谢谢！我不能相信我只是错过了括号。对于像我这样的JavaScript初学者来说，这是一个重要的时刻。 – J82

@Desi在发布问题搜索周围的stackoverflow你会得到答案 –

@Desi我更新了我的代码检查 –

使用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); 
     }); 
    });

来源

2014-03-26 05:19:23 sanjeev

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

回答

相关问题