html - 具有固定页眉和页脚的 CSS

Question

_______________________________________________
|                                             |
|             Header                          |
|_____________________________________________|
         |                           | 
         |                           |
         |                           |
         |          Content          |
         |                           |
         |                           |
         |                           |
         |                           |         
_______________________________________________
|                                             |
|             Footer                          |
|_____________________________________________|

你好，我想做一个像上面想法的布局。这个想法是，如果你没有什么内容，页脚就留在下面，卡住。

我的问题是:

• 当内容很少时，我不能将页眉宽度保持 100% 而将页脚留在屏幕上
• 使用 IE 时，一切都毁了

http://jsfiddle.net/mtsys/8Yek8/

Answer 1

我从你的问题中得到的想法是，如果你在 css 中使用 position:fixed 作为页脚并将其设置为 bottom:0;它会起作用。希望这对您有所帮助。