使HTML内容区域适合视口高度?

时间:2010-04-30 01:24:25

标签: html css position css-float

我刚刚制作了这个演示,摘录了我想要完成的任务:

alt text http://ilove4d.com/autosize.png

我希望粉红色/黄色区域按照这些规则行事:

  • 最小高度是其内容的大小(可变)IF内容大小小于视口大小
  • 否则,最小高度会调整以填充窗口。

检查该演示的来源,我错过了什么?我觉得这是一个非常简单的案例,不需要javascript。

有什么想法吗?

1 个答案:

答案 0 :(得分:1)

你需要为粘性页脚实现正确的html / css才能工作,请看这里:http://ryanfait.com/sticky-footer/