body伪元素100％高度的Document

Question

我试图强制BODY元素的伪元素始终为Document（非窗口）的100％高度。

• position的伪元素必须不能设置为FIXED
• 这只是我遇到的问题的简化版本，所以解决方案必须只是CSS

DEMO PAGE

我搜索了堆栈溢出并找不到答案。 谢谢！

Answer 1

尝试：

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;
}