一、Element UI Container 布局容器 布满全屏:
1、需要给包裹的div一个height:100%
2、给#app,html,body,.el-container一个height:100%
3、给el-container设置direction="vertical",因为包含main和footer
二、头部和侧边栏固定 el-main可滚动文章来源:https://www.toymoban.com/news/detail-511181.html
<el-container>
<el-header>Header</el-header>
<el-container>
<el-aside width="200px">Aside</el-aside>
<el-main>Main</el-main>
</el-container>
</el-container>
给内容区域的container加样式 ** height: calc(100vh - 头部的高度);
文章来源地址https://www.toymoban.com/news/detail-511181.html
到了这里,关于Element UI Container 布局容器 布满全屏, 头部和侧边栏固定 el-main可滚动的文章就介绍完了。如果您还想了解更多内容,请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!