wx小程序竖向滚动(height=100%)

<view class='header'>
  <view>财经</view>
  <view>股票</view>
  <view>商业</view>
  <view>汽车</view>
  <view>商业</view>
</view>
<view class='box'>
  <scroll-view class='sv' scroll-y='true'>

  </scroll-view>
</view>


page {
  width: 100%;
  height: 100%;
  background-color: plum;
  display: flex;
  flex-direction: column;
}

.header {
  background: red;
  height: 50px;
  width: 100%;
  display: flex;
}

.header > view {
  flex: 1;
  text-align: center;
  line-height: 50px;
  color: white;
}

.box {
  background: yellowgreen;
  flex: 1;
  height: 100px;
}

.sv {
  background-color: #e9e9;
  height: 100%;
}