element-ui container 布局中的el-main主要内容区域高度自适应，内容超出自动出现滚动条
原创
创建时间：2019-11-28
访问量：3549
赞：0
踩：0
1、element-ui container 布局中的el-main主要内容区域高度自适应，内容超出自动出现滚动条。要实现这个效果看代码：
<el-main style="height:0;flex-grow:1;">
<div style="overflow-y:auto;height:100%;">
<slot></slot>
</div>
</el-main>
注意：
el-main下月包含了一个div，将这个div的高度设置为100%；overflow-y设为auto;
还要注意：
el-main的style；它的height必须为0；
这样就可以了。
更多关于element-ui container 布局中的el-main主要内容区域高度自适应，内容超出自动出现滚动条请访问：
相关资源列表：
更多资源请访问：
评论
我想说：
==已经到底了==
关注： 粉丝： 积分：
博客阅读排行
post请求错误net::ERR_CONNECTION_RESET解决
发现自已傻X了，JetBrains官网打不开，找了很久，原来是这样
mybatis-plus 通过QueryWrapper使用注解@Select自定义left join等复杂SQL用于分页
element-ui container 布局中的el-main主要内容区域高度自适应，内容超出自动出现滚动条
linux环境下rabbitmqctl status报错 Error: unable to perform an operation on node 'rabbit@c1'.的最新解决方案
The bean 'studentRepository', defined in null, could not be registered. A bean with that name has already been defined in file
RabbitMQ安装报错 erlang >= 19.3 is needed by rabbitmq-server-3.7.9-1.el7.noarch
安装vue-devtooles调试工具简解
springboot+thymeleaf+nginx实现动态页面静态化方案
项目出现警告：未知的枚举常量 javax.annotation.meta.When.MAYBE
支付宝收钱码