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

Question

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

• Autosize Main Content Area

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

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

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

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

有什么想法吗？

Answer 1

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