關鍵詞：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屬性 ...

效果： ...