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; 剛好覆蓋屏幕