Wie kann ich dafür sorgen, dass ein Iframe 100 % der Browserhöhe ausfüllt?-CSS-Tutorial-php.cn

Wie kann ich dafür sorgen, dass ein Iframe 100 % der Browserhöhe ausfüllt?

Patricia Arquette

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

Original

722 Leute haben es durchsucht

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

Vollbild-Iframe mit einer Höhe von 100 %

F: Wird Iframe-Höhe = 100 % in allen Browsern unterstützt?

Ja, iframe height=100 % wird in allen gängigen Browsern (IE, Firefox, Safari), sofern das übergeordnete Element ebenfalls eine Höhe von 100 % hat.

F: Wird es tatsächlich die Höhe der verbleibenden Seite einnehmen?

Ja, wenn Sie haben oben einen weiteren Rahmen mit einer festen Höhe (z. B. 50 Pixel), der Iframe nimmt die Höhe der verbleibenden Seite ein (100 % – 50 Pixel =). 50 %).

F: Wie kann man Bildlaufleisten vollständig ausblenden und die Iframe-Höhe automatisch festlegen?

Option 1: Überlauf: Ausgeblendet

<body>

Nach dem Login kopieren

Option 2: Position: Absolut

<body>

Nach dem Login kopieren

Tipp: Um Bildlaufleisten vollständig auszublenden, können Sie die Iframe-Höhe auf einen etwas größeren Wert einstellen, z. B. 150 %, oder einen Hack verwenden, um dies zu erzwingen Bildlaufleisten außerhalb der Seite, z. B. overflow-x:hidden;overflow-y:hidden.

Das obige ist der detaillierte Inhalt vonWie kann ich dafür sorgen, dass ein Iframe 100 % der Browserhöhe ausfüllt?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!