Sticky Footer und Inhalt mit 100% Höhe

8

Ich möchte eine Seite mit sticky footer, deren Scrollbar den Header nicht überlappt, nur body. So wie ich es in dieser Geige mache. Aber jetzt möchte ich, dass der Inhalt (gestrichelte Box) 100% Körpergröße hat.

html

%Vor%

css

%Vor%

Sie können jede andere Vorlage für die Verwendung von Sticky Footer vorschlagen.

    
user3714967 11.03.2015, 07:16
quelle

2 Antworten

8

Sie können .my_content auf 100% der Ansichtsfensterhöhe abzüglich der Höhe und der (vertikalen) Auffüllung der anderen Elemente (dh Kopfhöhe, Fußzeilenhöhe, oberes und unteres Auffüllen auf .content-container ) auf Ihrer Seite einstellen :

%Vor%

DEMO

Wenn Ihre Kopf- und Fußzeile variable Höhen haben, funktioniert das nicht.

    
Jayx 11.03.2015, 11:16
quelle
-2

Verwenden Sie dieses Beispiel für den sticky footer, es überlappt Header

nicht

Ссылка

%Vor%

und ich kann einige Änderungen in html

    
RAJ 11.03.2015 07:22
quelle

Tags und Links