Element UI Container 布局容器 布满全屏, 头部和侧边栏固定 el-main可滚动

一、Element UI Container 布局容器 布满全屏：

1、需要给包裹的div一个height：100%

2、给#app,html,body,.el-container一个height：100%

3、给el-container设置direction="vertical"，因为包含main和footer

二、头部和侧边栏固定 el-main可滚动

1.  
   <el-container>
2.  
   <el-header>Header</el-header>
3.  
   <el-container>
4.  
   <el-aside width="200px">Aside</el-aside>
5.  
   <el-main>Main</el-main>
6.  
   </el-container>
7.  
   </el-container>

给内容区域的container加样式 ** height: calc(100vh - 头部的高度);

这篇好文章是转载于：学新通技术网