javascript - kedudukan tetap; ketinggian 100 ditetapkan tetapi ia bukan lebar dan ketinggian tetingkap pelayar yang boleh dilihat.

Question

Kod gaya css berikut ditetapkan, tetapi ketinggian paparan bukan skrin penuh, seperti yang ditunjukkan dalam gambar.

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

Answer 1

Disyorkan untuk digunakan dalam skrin penuh

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

Answer 2

Periksa sama ada saiz badan dan html anda adalah skrin penuh. Atau 100vh tinggi dan 100vw lebar

Answer 3

Anda perlu menambah atas:0;kiri:0;

Answer 4

Kedudukan mutlak berada di luar aliran dokumen, bukan?