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

 

转载于:https://www.cnblogs.com/DayDreamEveryWhere/p/6277886.html