CSS div高度太短头疼

Question

我有一个 div (id="main")，它不会拉伸(stretch)以容纳其中动态创建的(即高度可变的)内容； “主要”div 仅下降到“用户信息”的底部。

该页面的基本结构布局是“用户信息”和“流”div 在“容器”内的“主”div 中并排放置； 'meal-category-box' div 只是'stream' 中的内容列表。这是 HTML 和 CSS(我也在使用 Bootstrap CSS 2)。

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

我也喜欢粘性页脚修复，因为我看过的没有一个与我现有的相集成。

求助!马特

Answer 1

因为#stream 有position:absolute，所以它不参与外部 div 高度的计算。

尝试用填充或边距做一些事情，而不是使用 position:absolute。