Div高度搞乱了

Question

我有一个div，我基本上想要延伸整个视口。

当缩小其完美时，正如您所见，黑色背景覆盖了所有视口：

当我放大到大约150-175％时，高度变得混乱，使背后的背景可见。这不是我想要的，请看图像的底部：

有一个简单的解决方案吗？

提前致谢！

这是我的HTML：

<div id="x_all">

</div>

和CSS：

#x_all{
    position: absolute;
    top:0px;
    bottom:0px;
    width: 100%;
    height: 100% !important;
    background-color: rgba(1, 1, 1, .9);
    z-index: 399;
}

Answer 1

这是因为你使用的是位置：绝对

改为添加

职位：固定;

并且不要忘记添加

左：0px;

否则您将在页面左侧出现白色间隙。