El clearfix de la vista del applet no funciona, los márgenes aún están colapsados

pregunta:

En el caso de múltiples vistas del mismo nivel, configure el clearfix de la última vista para exponer algunas áreas en blanco en la parte inferior, y el clearfix no funcionará en este momento.

.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>

Imagen de efecto: jaló hasta el fondo, pero no vio salir el fondo. 

 

 resolver:

Agregar una vista a la capa más externa

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

Efecto: sale el fondo en blanco.