jquery - 如何保持页眉页脚大小并仅调整主体部分的大小？

Question

-----------------------------
Header (100%)
-----------------------------
 Center margin auto
|           | Desc  |
|unknown    |       |  
|   size    | 200px |
|           |       |
| Image fit |       |
|           |       |
|     A     |       |
|           |       |
|           |       |
-----------------------------
Footer 100% height stick bottom
-----------------------------

基本上，网站布局类似于 MSNBC 画廊。 http://www.msnbc.msn.com/id/35385037/ns/news-picture_stories/displaymode/1247/?beginSlide=1

但我无法让 A 部分根据调整大小调整大小。我有用于 jquery 的 ImageFit 插件，可以自动调整图像大小以适合“A”部分。但问题是如果我将页脚设置为绝对(这是必须的，因为它应该一直位于底部)我的 A 部分将溢出并且内部图像没有调整大小。

有没有办法让 A 适合页眉和页脚之间，同时让页眉和页脚保持在屏幕上？

Answer 1

给 A 一个等于页脚高度的 margin-bottom。

否则，代码shown here也可能对您有帮助。