CSS div高度太短头疼

标签 css html height footer stretch

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

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

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

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

求助! 马特

最佳答案

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

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

关于CSS div高度太短头疼,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/10088854/

相关文章:

css - Atom/Electron 开发者工具主题

javascript - 如何找到字符串中特定单词的宽度和高度?

html - 如何在 HTML/CSS 中设置百分比高度值

image - 如何设置asp.net图像控件的宽度和高度属性

html - 在 Safari 中快速滚动时,基础粘性导航会跳转

css - 溢出时如何发送 "right"上的元素?

html - 标题不会出现在网页上

c# - 如何在移动设备或平板电脑时重定向到移动页面?

javascript - 动画移除元素

php - 将 HTML 文件解析为 PHP