三段式页面

WEB界面设计

三段式页面，包括

头部

内容

脚部

头部是标题和快捷方式

内容为可滚动式框架

脚部类似头部，放置提示信息，类似状态栏。

脚部如果使用固定格式，有可能遮盖内容部分。

可以在内容部分中通过css加以限制(FIXME)

使用

body:

      padding-bottom:70px; //向下的空白长度为70像素

表示要和底边的间隔是70个像素。

如果脚部的高度是60个像素，或许可以不会覆盖body中内容。

参考：

0 http://segmentfault.com/a/1190000002886158

1 http://www.w3cplus.com/mobile/mobile-terminal-refactoring-mobile-layout.html

2 http://www.w3school.com.cn/cssref/pr_padding-bottom.asp