三行布局，整个布局 是否可以 自适应 中间内容高度？

首先是一个三行布局，头尾容器高度自适应（高度有限），中间容器内容 可多可少

当 中间内容 较少时整个布局高度没有超过页面高度，这时中间容器自适应内容高度，整个布局只占整个页面空间的一部分。

当 中间内容 较多时整个布局超过了页面高度，这时中间容器内容溢出滚动，整个布局占满整个页面空间

中间内容少  | 中间内容多  | 不正确布局  |
========== | ========== | ========== | 
---------- | ---------- | ---------- |
 Head      |  Head      |  Head      |
---------- | ---------- | ---------- |
 Line 1    |  Line 1  ^ |  Line 1    |
 Line 2    |  Line 2  | |  Line 2    |
---------- |  ...     | |            |
 foot      |  ...     v |            |
---------- | ---------- | ---------- |
           |  Foot      |  Foot      |
           | ---------- | ---------- |
========== | ========== | ========== |