小程序 view clearfix 不起作用，边距还是被折叠

问题：

多个同级view情况下设置最后view clearfix，让底部露一些空白局域，此时clearfix不启作用。

.wxss

.clearfix:before,.clearfix:after{
  content: "";
  clear: both;
  display: table;
  border-bottom: 1px solid black;
}
/*边距*/
.mb100{margin-bottom: 100rpx}

.wxml 

<view>--</view>
 <view class="bcff mb100 section clearfix">
       <view>--
        </view>
  </view>

效果图：拉到底部了没看到多底部出来。 

 

 解决：

最外层加一个view

<view class="clearfix">
     <view>
     ==
    </view>
    <view class="s_title">统计</view>
    <view class="bcff mb40 fz28 section">
      ==
    </view>
</view>

效果：空白底部出来了。