1.为了防止出现下面的尴尬局面,主页内容撑大,没有滚动条
2.全局给el-main设置固定高度,多出的内容会自动出现滚动条,主要是紫色部分代码
<template> <div> <el-container> <Aside></Aside> <el-container> <el-header> <Header></Header> </el-header> <el-main> <router-view></router-view> </el-main> </el-container> </el-container> </div> </template>
.el-main { color: #333; text-align: center; height: calc(100vh - 100px); }