CSS divの高すぎる頭痛

Question

div（id = "main"）は、その内部に動的に作成された（つまり高さ可変の）コンテンツを格納するために伸びていません。 'main' divは 'user-info'の一番下まで下がっています。

このページの基本的なレイアウトは、 'user-info'と 'stream' divが 'container'の内側にある 'main' divの内側に隣り合っていることです。 「食事カテゴリボックス」のdivは、「ストリーム」内のコンテンツの単なるリストです。ここにHTMLとCSSがあります（私もBootstrap CSS 2を使用しています）。

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

私が見てきたもののどれもが、私が持っているものと統合していないので、私はまた、粘着性のフッターの修正がみたいです。

助けてください！ Matt

Answer 1

#streamはposition:absoluteなので、外側divの高さの計算には含まれません。

position:absoluteではなく、パディングまたは余白を使用して何かを実行してください。