CSS div 高度滿屏

　方法一:

通過JQuery,獲取窗體的高度,設置給對應的div.代碼如下

ht = $(document.body).height();
$("#mDiv").height(ht - 170);

缺點:由於瀏覽器是先解析css,后執行JS,導致頁面在加載時,mDiv先呈現其原始高度,再變為其全屏效果,div在頁面中有一個閃爍

 

方法二:

通過css的calc()函數實現,其中,vh(1vh being one percent of the view-port's height)

#mDiv {
    width: 100%;
    min-height: 300px;
    /*height:100%;*/
    height:calc(100vh - 170px);
}

參考網址:Here