js实现网页中间内容的高度自适应

做网站的过程中，我们有不少时候需要实现这样一种功能，网页的某个部分需要能随着内容的多少，自动适应高度。下面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);

});

完成。