关键词：display: flex，flex: 1, overflow-y: scroll; 实现：head 和footer 固定，中间body多了滚动，少了撑满； head和footer宽度根据内容撑起，当然你可以自己设置........ 小二，上代码！ 来喽~~ 关键 ...

如图： 1、wxml 2、wxss 3、js ...

...

:fixed 和 overflow:auto 进行简单的布局实现我们需要的效果，而在手机端遇到的问题如下 ...

:fixed 和 overflow:auto 进行简单的布局实现我们需要的效果，而在手机端遇到的问题如下 ...

在项目中，我们会有这样的需求： 头部 中间部分 底部三部分组成 中间部分要滚动效果（可以用better-scroll或者cube-ui里的scroll） 主要是底部麻烦 解决办法是：中间部分高度为100% 底部设置固定高 最外层使用flex布局 flex-direction ...

在一般的网站中都会有头部和页脚。 头部会一直固定在最上面位置。 页脚呢，当页面内容超出一屏时，页脚在内容最后，当不足一屏时，在页面最下面。 实现方式有很多。这里使用的是 position:sticky; sticky sticky 粘性定位。是css新增的一个position属性 ...

效果： ...