Question

我正在寻找一个基于CSS的网页模板，其中主要内容div在其内容几行时占据视口的全高（减去页眉和页脚高度）。页脚应位于视口的底部（而不是在内容的右下方，而不是在视口的中间显示）。内容区域需要垂直扩展以与页脚顶部齐平。案例＃1

在内容需要多于视口区域的所有其他情况下，页脚可以位于网页的底部（而不是视口的底部）作为标准网页设计。

指向特定链接或示例代码的链接。不要提到模板网站并告诉我在那里进行搜索。必须至少在IE 6和FF中工作。如果需要Javascript，只要浏览器不支持JS就可以了，它默认将页脚放在内容区域的底部而不会破坏布局。

案例＃1的草图：

--------------   <-----
header area  |         |
-------------|         |
small content|         |   
             |     viewport
             |         |
             |         |
-------------|         |
footer area  |         |
--------------   <-----


all other cases:

--------------   <-----
header area  |         |
-------------|         |
big content  |         |   
             |     viewport
             |         |           
             |         |
             |         |
             |         |
             |    <----      
             |         
-------------|         
footer area  |         
--------------

Answer 1

此处示例： http://www.rossdmartin.com/aitp/index.htm

更深入的资源：

Answer 2

寻找“Footer Stick Alt”...有一篇很长的博客写了如何使这项工作。

Done by Cameron Adams a.k.a. "The Man in Blue"

网页模板，如果有1行减去页脚，则内容占视口的全高

2 个答案: