Bagaimana untuk Membuat Isi Iframe 100% daripada Ketinggian Pelayar?-tutorial css-php.cn

Bagaimana untuk Membuat Isi Iframe 100% daripada Ketinggian Pelayar?

Patricia Arquette

Lepaskan： 2024-12-23 14:57:15

asal

826 orang telah melayarinya

How to Make an Iframe Fill 100% of the Browser Height?

Iframe skrin penuh dengan Ketinggian 100%

S: Adakah ketinggian iframe=100% disokong dalam semua penyemak imbas?

Ya, ketinggian iframe=100% disokong dalam semua penyemak imbas utama (IE, Firefox, Safari) selagi elemen induk juga mempunyai ketinggian 100%.

S: Adakah ia benar-benar mengambil ketinggian halaman yang tinggal?

Ya, jika anda mempunyai bingkai lain di atas dengan ketinggian tetap (cth., 50px), iframe akan mengambil ketinggian halaman yang tinggal (100% - 50px = 50%).

S: Bagaimanakah anda menyembunyikan bar skrol sepenuhnya dan menetapkan ketinggian iframe secara automatik?

Pilihan 1: Limpahan: Tersembunyi

<body>

Salin selepas log masuk

Pilihan 2: Kedudukan: Mutlak

<body>

Salin selepas log masuk

Petua: Untuk menyembunyikan bar skrol sepenuhnya, anda boleh menetapkan ketinggian iframe kepada nilai yang lebih besar sedikit, cth., 150%, atau gunakan godam untuk memaksa bar skrol di luar halaman, cth., overflow-x:hidden;overflow-y:hidden.

Atas ialah kandungan terperinci Bagaimana untuk Membuat Isi Iframe 100% daripada Ketinggian Pelayar?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!