页面布局方案-上下固定，中间自适应

上下固定，中间自适应

三行布局， 上下固定，中间自适应

效果：

 

代码：

 1 
 2 
 3 
 4     
 5     
 6     
36 
37 
38 
39 

40     
 此布局仅适用于在body内布局 top 高度50px 
41 
42 
43 

44     
 此布局仅适用于在body内布局 中间高度自适应 
45 
46 
47 

48     
 此布局仅适用于在body内布局 bottom 高度50px 
49 
50 
51 
52