Größe dynamisch div basierend auf der Größe des Browserfensters

9

Ich versuche herauszufinden, wie man eine div-Größe dynamisch anpasst, basierend auf der Größe des Browserfensters. Ich habe eine Jsbin eingerichtet, die mein Problem veranschaulicht, hier: Ссылка

Was ich tun möchte, ist die Größe des Divs, das die Bilder enthält, so dass das div immer füllt, was von der Höhe des Browserfensters übrig ist (außer einem 25px Rand unten, der auf body gesetzt ist).

Hier ist eine Demo, die vielleicht illustriert, was ich klarer erreichen möchte: Ссылка

Irgendwelche Ideen, was wäre der beste Weg, um das zu erreichen?

    
INT 03.01.2012, 19:21
quelle

4 Antworten

11

Sie können so etwas tun:

%Vor%

25 ist nur eine Beispielnummer, z. B. Ihre Marge (Sie können dies auch dynamisch erhalten)

Sie können es auch in eine Funktion einfügen und diese sowohl beim Laden der Seite als auch beim Ändern der Größe aufrufen

    
Andre 03.01.2012, 19:30
quelle
7

Verwenden Sie die CSS-Position: absolut / relativ in Kombination mit CSS oben / unten / links / rechts. Beispiel:

%Vor%     
F i L 03.01.2012 20:54
quelle
6

Sie können versuchen, an das resize -Ereignis des Browserfensters zu binden.

Zum Beispiel:

%Vor%     
scripto 03.01.2012 19:25
quelle
1

Die Position muss fixiert sein, damit die Größe automatisch angepasst wird.

Wenn die Bildschirmhöhe während der Laufzeit geändert wurde

Legen Sie dies in CSS-Tabelle:

%Vor%     
Tarek 02.11.2015 11:36
quelle

Tags und Links