使用calc解决css中内容不多，但需要充满整个屏幕的问题

在写样式中，我们经常会遇到页面内容不够多，但需要填充一整个屏幕这种问题，如下图：

像图上这种，内容不多，所以无法填充整个屏幕，就很难看，这个时候我们可以使用css3中的一个计算属性calc来实现
图上是微信小程序里的。需要使用flex布局 在左半边这块区域 css的样式如下：

  .left{
   height: ~'calc(100vh - 412rpx)';//412rpx是上面的图片加tab切换标签这行的高度，我们用100vh减掉上面的高度，就是下面我们需要填充的高度
}

这样就解决了 页面不会出现滚动条