vh+calc()布局：利用css中vh单位和calc() 函数进行布局。
优点：简单、兼容旧浏览器
缺点：middle区域如果不加overflow样式，append内容后超出原来的高度不会出现滚动条而是往下撑开，导致bottom区域上移！