単純な BootstrapVue テーブルがあります。
CSS は App.vue で定義されています。これは App.vue のコードです。
これは TestTable.vue のコードです。
margin-top: 60px App.vue で定義されています。 TableTest.vue を変更して、App.vue の CSS の余白の上部を覆うようにしたいと考えています。 TableTest.vue には margin-top: 0px が必要です。
私は Vue v2.6 と Bootstrap-vue を使用しています。
![[Web フロントエンド] Node.js クイック スタート](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
あなたは試すことができます
margin-top:-60px;以前あなたの質問にコメントしましたが、親コンポーネントに
margin-top: 60pxを適用しましたが、子コンポーネントには独自のボックス モデルがあります。コード スニペットを追加してコンポーネントの構造を表示します: