使用JavaScript/AngularJS/CSS将Div Height设置为等于页面高度 AngularJS代码：

您正在将

backgroundHide

的高度设置为100%，这意味着它将占用父元素高度的100%

如果要获取100%的视口高度，应使用

vh

.backgroundHide{
    background-color:rgb(255, 255, 255);
    opacity: 0.8;
    z-index: 100000000;
    height: 100vh;
    width: 100%;
    top:100px;
    position:absolute;
}

覆盖视口

.backgroundHide{
    background-color:rgb(255, 255, 255);
    opacity: 0.8;
    z-index: 100000000;
    height:100vh;
    width: 100vw;

    }

---

pageHeight将为您提供视口的高度，现在您可以将该高度指定给实际需要的div

  var pageHeight = $(window).height();
    $('div').css('hieght',);

---

…问题是？…我想知道，当我们单击任何按钮时，表单上方会出现一个div，其中包含正在处理的图像，但这并不能覆盖整个页面。那个么如何使div的高度动态覆盖整个页面呢？你们能给我一个结果的截图吗？还有完整的html？不仅是div backgroundHideangular.module（“app”）.config（['cfpLoadingBarProvider'，function（cfpLoadingBarProvider）{cfpLoadingBarProvider.spinnerTemplate=''；}]）；这不是你的HTML页面实际上，这个div只会在点击任何按钮时出现，并显示一个正在进行的图像。这不是整页，只有半页。所以我想通过这个部门来覆盖整个页面。这是AngularJS水疗中心。只有上面的代码对此负责。是的，这可能不是最好的方式，因为这样使用时，可能会出现意外问题，尤其是在手机/平板电脑上。如果您可以在您的问题中提供

centerLoad

的CSS和带有呈现html的微调器

img

的长字符串，我们很可能能够提出更好的解决方案

.backgroundHide{
    background-color:rgb(255, 255, 255);
    opacity: 0.8;
    z-index: 100000000;
    height: 100vh;
    width: 100%;
    top:100px;
    position:absolute;
}

.backgroundHide{
    background-color:rgb(255, 255, 255);
    opacity: 0.8;
    z-index: 100000000;
    height:100vh;
    width: 100vw;

    }

.backgroundHide{
background-color:rgb(255, 255, 255);
opacity: 0.8;
z-index: 100000000;
height: 100%;
width: 100%;
top:100px;
position:fixed;

}

  var pageHeight = $(window).height();
    $('div').css('hieght',);