uniapp css使用margin的时候导致出现垂直滚动条问题

最开始不知道是怎么回事，页面明明还没有到达底部，怎么就出现垂直滚动条了。这里的原因就是最外层或者比较外层的view使用了margin就会出现这样的情况。换成padding不会。这是最简单的原因，你可以试一下下面的结构，必然触发，触发条件非常的简单。

大致结构如下：

.container {

  .header {
    
  }

  .main {
     padding: 20rpx 30rpx 30rpx;
   }

  .card-basic {}

  .card-perms {}


  }

}