位置固定オフセット問題を解決する方法の詳細な説明

<本文>
  <div class="コンテナ">
  </div>    
</本文>    
<スタイル>
  。容器{
    幅: 100ピクセル;
    高さ: 100px;
    背景: #888;
    位置: 固定;
    上: 100px;
    左: 100px;
  }
</スタイル>

<本文>
    <div class="BFC-box">
      <div class="コンテナ"></div>
    </div>
</本文>
<スタイル>
  .BFC-ボックス{
    マージン:200px;
    高さ: 200px;
    幅: 200ピクセル;
    border:2px 赤一色;
    変換: スケール(1);
  }
  。容器{
    幅: 100ピクセル;
    高さ: 100px;
    背景: #888;
    位置: 固定;
    上: 100px;
    左: 100px;
  }
</スタイル>

<本文>
  <div class="BFC-box"></div>
  <div class="コンテナ">
  </div>    
</本文>    

<div ref="コンテナ" class="コンテナ"></div>
マウントされた(){
  document.body.append(this.$refs['container']) を追加します。
}