css - 如何设置主div的高度？

Question

我需要将主 div 高度拉伸(stretch)到视口(viewport)高度并将页脚放在屏幕底部。有人能解决这个问题吗？

body{text-align:center;}
#main{width:200px;margin:0px auto;background:#cccccc;}
#header{height:20px;background:#00FFFF;}
#content{height:80px;background:#cccccc;}
#footer{background:#0000FF;height:20px;}
.demo{width:90%;margin:0px auto;}


 <div id="main">MAIN
     <div id="header" class="demo">HEADER</div>
     <div id="content" class="demo">CONTENT</div>
     <div id="footer" class="demo">FOOTER</div>
 </div>

Answer 1

这种方式非常有效:http://www.xs4all.nl/~peterned/examples/csslayout1.html