CSS div höhe zu kurz kopfschmerz

Question

Ich habe eine div (id = "main"), die nicht dehnt, um den dynamisch erzeugten (d. H. Höhenvariablen) Inhalt darin unterzubringen; Das Hauptdiv kommt nur bis zum Ende von "Benutzerinfo".

Das grundlegende strukturelle Layout dieser Seite besteht darin, dass die Divis 'user-info' und 'stream' innerhalb des Divis 'main', das in 'container' sitzt, nebeneinander liegen; Die 'meal-category-box'-divs sind nur Listen von Inhalten innerhalb von' stream '. Hier ist das HTML und CSS (Ich benutze auch Bootstrap CSS 2).

http://jsfiddle.net/7yvSj/1/

Ich würde gerne auch eine klebrige Fußzeile fix, weil keiner von denen, die wir integrieren geschaut haben an dem, was ich habe.

Bitte helfen! Matt

Answer 1

Nun, da #stream position:absolute hat, nimmt es nicht an der Berechnung der äußeren div-Höhe teil.

Versuchen Sie etwas mit Polsterungen oder Rändern zu tun anstatt position:absolute zu verwenden.