做網站的過程中，我們有不少時候需要實現這樣一種功能，網頁的某個部分需要能隨著內容的多少，自動適應高度。下面361源碼帶大家就用js實現網頁中間內容的高度自適應的效果。

//中間內容的高度自適應

$(function(){

    var headerHeight = $(".header").get(0).offsetHeight;

    var footerHeight = $(".footer").get(0).offsetHeight;

    var minHeight = $(window).height() - headerHeight - footerHeight + 'px';

    $(".main-content").css("min-height",minHeight);

});

完成。