Volle Höhe div nicht dehnen

Hallo dort habe ich seit einiger Zeit auf einer Website arbeiten, Code zu verbessern usw. Ich habe gerade festgestellt, dass auf kleineren Bildschirmen, die Höhe des weißen Hintergrund nicht dehnt sich über alle Inhalt.Volle Höhe div nicht dehnen

Einstellung min-height: 100%; und height: 100%; scheinen nicht zu lösen, glauben Sie, dass dies auf die Tatsache zurückzuführen sein könnte, dass ein Großteil des Inhalts schwebt?

Alle Vorschläge würden sehr geschätzt werden.

Quelle

2011-01-06 Olical

Entfernen Sie auf Ihrem div.containerheight: 100%, und fügen Sie overflow: auto hinzu.

Quelle

2011-01-06 13:04:00 thirtydot

Das hat es fast geschafft, nachdem Sie 'min-height: 100%;' zu Ihrem Vorschlag hinzugefügt haben, dass es funktioniert hat! Irgendwelche Vorschläge zum Erhalten von 'min-height: 100%;' Arbeiten in IE <7 obwohl? – Olical

@ Wolfy87: 'min-height' funktioniert nicht mit IE <7. IE <7 behandelt 'height' in der Art, wie' min-height' funktionieren soll, also sollte man für diese Browser einfach 'height' verwenden können. Sie müssen jedoch einige Browser-Erkennungen und/oder Hacks durchführen, um je nach Browser entweder 'min-height' oder' height' zu erhalten. Angesichts der Tatsache, dass IE6 jetzt weniger als 3% Marktanteil hat, lohnt es sich möglicherweise nicht. – Spudley

@ Wolfy87: Ich habe IE6 nicht berücksichtigt, als ich antwortete. Wenn Sie versuchen, die Website in IE6 arbeiten zu lassen, möchten Sie vielleicht [diese Seite] (http://www.astute.co.uk/buy-electronic-components.htm) überprüfen, es sieht nicht korrekt aus. Bist du sicher, dass du 'min-height: 100%' brauchst? Die Seite sieht gut aus für mich. – thirtydot

Versuchen Sie, Überlauf: versteckt; auf dem Container, den Sie unter dem Rest des Inhalts löschen möchten

Quelle

2011-01-06 13:01:10 kieran

Aber 'overflow: hidden;' wird tun, was es auf dem Zinn sagt, die überquellenden Inhalt verstecken. Ich muss es durch diesen Inhalt nach unten drücken, ich dachte eher an eine klare Lösung, aber ich habe es auch noch nicht geschafft. – Olical

Überlauf: versteckt kann auch verwendet werden, um Inhalt zu löschen - ähnlich wie .container zu arbeiten: nach {clear: both} http://www.quirksmode.org/css/clearing.html – kieran

Ich sehe, danke dafür, obwohl es jetzt funktioniert, ist das wirklich hilfreich. – Olical

Entfernen Sie "Höhe: 100%" aus dem Container, "float: left" aus der Fußzeile und fügen Sie "clear: both" zur Fußzeile hinzu. Dadurch werden alle Floats im Container gelöscht und die Hintergrundfarbe des Containers wird unabhängig von der Browsergröße auf der ganzen Seite sichtbar.

Quelle

2011-01-06 13:07:51

Sie können inline-block zur Haupt div, wie verwenden: -

div.container{ 
    display:inline-block; 
}

Quelle

2014-04-05 07:07:48

Volle Höhe div nicht dehnen

Antwort

Verwandte Themen