问题：为什么第一个子元素的marn-top:130,移动的却是父元素？并且它自己一直贴着顶部？

相同的代码，放在vue上运行时，不会出现这种情况，都是父元素没动，子元素往下移动

wxml的html代码如下：

<view class="user-info-content">

  <view class="info-row">

    <text class="info-row-label">名称</text>

  </view>

  <view class="info-row">

    <text class="info-row-label">地址</text>

  </view>

</view>

less文件的css样式如下：

.user-info-content

{

  margin-top: 40rpx;

  background-color: white;

  .info-row

  {

    margin-top: 130rpx;

  }

}