Twitter bootstrap 3 如何创建<；部门>；全屏？

我正在尝试创建一个

来作为ajax加载。当屏幕

height

处于

100%

状态时，其工作正常且适合全屏显示，问题是当屏幕的高度超过

100%

时，它不会自动调整

我怎么能这样做

努力

CSS

/** loading */
#div_loading  {    
    position:absolute;
    top:0;
    left:0;
    z-index:11;
    background-color:#000;
    width:100%;
    min-height:100%;
    height:auto;
    opacity: .50;
    filter: alpha(opacity=65);
    background-image: url(../Imagens/ajaxloader.gif);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 60px;
    display:none;    
}

编辑

/** loading */
#div_loading  {    
    position:absolute;
    top:0;
    left:0;
    z-index:11;
    background-color:#000;
    width:100%;
    min-height:100vh;
    height:100vh;
    opacity: .50;
    filter: alpha(opacity=65);
    background-image: url(../Imagens/ajaxloader.gif);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 60px;
    display:none;    
}

---

首先，您需要将html、正文高度设置为100%，然后您可以将div height设置为100%。下面是一个例子

#地图{
位置：绝对位置；
排名：0；
左：0；
z指数：11；
背景色：#000；
宽度：100%；
最小高度：100%；
身高：100%
高度：自动；
不透明度：.50；
过滤器：α（不透明度=65）；
背景图像：url（../Imagens/ajaxloader.gif）；
背景重复：无重复；
背景位置：中心；
背景尺寸：60px；
}
html，正文{
身高：100%；
}
.fill{
最小高度：100%；
身高：100%；
}

您可以使用100vh。查看高度。？@Dinesh您是说

高度：100%

？？vh表示查看端口高度。这意味着你的div正好是你的屏幕高度。试飞高度：100vh@迪内什：我试过你的建议，但也有同样的问题。请看图片。要做到这一点，您需要将html、身高设置为100%。在css中尝试此代码。html，正文{高度：100%；边距：0；填充：0}