如何將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的高度？

回答

相關問題