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

//中間內(nèi)容的高度自適應(yīng)

$(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);

});

完成。