Ich versuche, so etwas wie the min-height hack zu tun, aber ich habe zwei Schwimmer, die mit ihm zu in Konflikt scheinen:Min-Höhe mit Schwimmern hacken
http://jsfiddle.net/redconservatory/vqFVU/1/
Mein „Innencontainer“ div sehr kurz ist, ich möchte es so viel wie wie möglich (oder zumindest mehr Platz) einnehmen, ohne die Höhe in Pixel einstellen, weil meine Seiteninhalt ändert sich von einer Seite zur nächsten ...
gesetzt overflow:auto statt visible, so dass .innercontainer erweitert, um seinen Inhalt aufzunehmen.
Demo auf http://jsfiddle.net/gaby/vqFVU/2/
Wenn Sie eine klebrige Fußzeile wollen aussehen wie auch bei http://www.cssstickyfooter.com/
Ich möchte die Sticky Footer in dieser Situation eigentlich nicht wegen anderer Design-Probleme haben ... aber ist es möglich, den .innercontainer länger zu machen, ohne eine Pixelhöhe zu setzen? – redconservatory
was meinst du * länger * ... wie lange noch .. mit welcher Einschränkung wie kurz/lang soll es sein? Das obige Beispiel zeigt nur, wie man es mindestens genauso macht wie es ist. Wenn Sie 'padding-bottom' hinzufügen, können Sie das Event um mehr erweitern [*** Beispiel ***] (http://jsfiddle.net/ gaby/vqFVU/5 /) (* Höhe wird nicht benötigt *) –
Ich sehe was du meinst ... – redconservatory
Javascript ist der einfachste Weg. Das kann man mit reinem CSS nicht machen, da jeder Client ein anderes Fenster haben kann.
Zugehörige: [Expandieren des übergeordneten Containers mit 100% Höhe, um floated Inhalt zu berücksichtigen] (http://stackoverflow.com/questions/9446988/expanding-the-parent-container-with-100-height-to- account-for-any-floated-conte) – animuson