アプレット ビューのクリアフィックスが機能せず、マージンが折りたたまれたままになります。

質問：

同じレベルの複数のビューの場合、最後のビューのクリアフィックスを設定して下部の空白領域を露出させます。現時点ではクリアフィックスは機能しません。

.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 class="clearfix">
     <view>
     ==
    </view>
    <view class="s_title">统计</view>
    <view class="bcff mb40 fz28 section">
      ==
    </view>
</view>

効果: 空白の底が出てきます。