vue项目页面底部空白

现象：

 f12开发者模式现象更为明显

 

 结构如下：

<template>
  <el-container class="layout">
    <el-header class="header" id="nav">
      <EnterpriseHeader />
    </el-header>
    <el-main class="main"> <router-view /></el-main>
    <el-footer class="footer"><EnterpriseFooter /></el-footer>
  </el-container>
</template>

解决：给最外层容器添加样式height:100vh;

.layout {
    height: 100vh;
}

处理后的结果：