解决内容高度不够，底部上移问题

应用背景：

页面分为三个部分，头部、内容、底部，当内容高度不够时，如何不让底部上移

第一种方法

// 实现思路，用整个页面高度-头部高度-底部高度，当结果大于内容高度时，将值赋给底部的margin-top
if(document.documentElement.clientHeight-$("footer").height- 
 header.height>$(".container").height()){

   $("footer").css({
  marginTop:document.documentElement.clientHeight-$("footer").offset().top-$("footer").height()+"px"

})

}

第二种方法

main.style.minHeight=(window.innerHeight-header.offsetHeight-footer.offsetHeight)+"px"