CSS div高度太短头痛

Question

我有一个div（id =“main”），它不会拉伸以适应其中的动态创建（即高度变量）内容; “主要”div只会落到“用户信息”的底部。

这个页面的基本结构布局是'user-info'和'stream'divs位于'main'div里面，它位于'container'里面; 'meal-category-box'divs只是'stream'中的内容列表。这是HTML和CSS（我也使用Bootstrap CSS 2）。

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

我也喜欢粘性页脚修复，因为我所看到的没有一个与我所拥有的相结合。

请帮忙！ 马特

Answer 1

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

尝试使用填充或边距而不是使用position:absolute。