弹性盒设置中间内容滚动

 

淡淡的记录一下，我今天写的，心情并不是特别的高涨......

 

 

-----------------------------------          html             ---------------------------

<div id='app'>

　　<div class='wrap'>

　　　　<!--  title   bar  -->

　　　　<div class='titlebar'>标题</div>

　　　　<!--   tab切换  -->

　　　　<div class='tab-part'></div>

　　　　<!--   tab切换内容  -->

　　　　<div class='tabContentPage'>内容</div>

　　</div>

</div>

 

-----------------------------------          css            ---------------------------

 

#app{widht:100%;height100%}；

.wrap{width:100%;height:100%;display:flex;flex-direction:column}                  //   开启弹性盒

.tabContentPage {flex:1;overflow:auto;-webkit-overflow-scrolling:touch}         //   显示内容的盒子

 

https://www.cnblogs.com/adengweb/p/5421669.html

附上链接，这个比较齐全，我只是我写一下我自己写的，但是方法都是一样的。