页脚由Vue中的另一个组件覆盖

Question

我有3个组件，navbar的标题，文章的一个部分，页脚的最后一个，我的页脚似乎与文章一起显示， 像这样：

我的App.vue这样

 <template>
  <div id="app">
    <Navbar/>
    <router-view/>
    <Footer/>
  </div>
</template>

我用于此类组件的文件夹 组件：

  .header
    .navbar.vue
  .article 
    .section.vue
  .footer
    .main_footer.vue

这是因为我的article, section.vue组件吗？因为我在那里没有固定或相对的显示器？ 还是因为我对navbar和article, section.vue component拥有50％的背景？