Html 正文伪元素100%文档高度

我试图强制

元素的伪元素始终为

文档的100%高度（而不是窗口）


伪元素的
位置
不得设置为
固定

这只是我遇到的一个问题的简化版本，所以解决方案必须是CSS


我搜索了堆栈溢出，没有找到答案。
谢谢
 试试看：

html {height: 100%;}
body {min-height:100%;}

然后是您现有的代码：

body{ position:relative; }
p{ width:15%; padding:10px; }

body::before {
    background: red;
    content: "";
    height: 100%;
    width: 100%;  
    opacity: 0.2;
    pointer-events: none;
    position: absolute;
    top: 0;
    left: 0;
}

​