css - CSS div 高度太短头疼

Question

我有一个 div (id="main") 没有拉伸以适应其中动态创建的（即高度可变的）内容；'main' div 只下降到'user-info' 的底部。

这个页面的基本结构布局是'user-info'和'stream' divs在'container'内部的'main' div内并排放置；'meal-category-box' div 只是 'stream' 中的内容列表。这是 HTML 和 CSS（我也在使用 Bootstrap CSS 2）。

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

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

请帮忙！马特

Answer 1

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

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