Rumah >hujung hadapan web >tutorial css >Bagaimana untuk Membuat Isi Iframe 100% daripada Ketinggian Pelayar?

Bagaimana untuk Membuat Isi Iframe 100% daripada Ketinggian Pelayar?

Patricia Arquette
Patricia Arquetteasal
2024-12-23 14:57:15783semak imbas

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>

Pilihan 2: Kedudukan: Mutlak

<body>

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!

Kenyataan:
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn