如何实现浏览器顶部和底部固定，中间自适应，内容超出出现滚动条？

回答思路

1. 正确使用flex布局实现定高头部与底部
2. 中间区域设为flex:1并设置overflow-y:auto
3. 考虑calc高度和浏览器兼容性
4. 提及滚动条只出现在中间区域而非整个页面