javascript - position fixed；设置了height 100 却不是浏览器可视窗口的宽高，求大神释疑。

Question

设置了如下css样式的代码,但是显示的高度不是全屏，如图。

.ss_hide{
    position: fixed;
    background: rgba(0,0,0,.2);
    height: 100%;
    width: 100%;
}

Answer 1

建议全屏使用

top: 0;
bottom: 0;
left: 0;
right: 0;

Answer 2

看一下你body和html所占的大小是否全屏。或者高100vh宽100vw

Answer 3

还得加上 top:0;left:0;

Answer 4

绝对定位脱离文档流了吧 既然都绝对定位了 top:0;left:0;right:0;bottom:0; 刚好覆盖屏幕