Element的Container布局容器全屏处理

其他 piniu 1376浏览 0评论

在使用Element(2.10.1版本)的Container布局容器时,发现按照官网的代码运行后,发现不能撑开整个页面,只能显示一段高度

运行后效果如下图:

如何实现不满全屏呢?实现如下:

1、 需要给包裹的div一个height:100%
2、 给#app,html,body,.el-container一个height:100%
3、 给el-container设置direction=”vertical”,因为包含main和footer

修改后,运行效果如下图:


发表我的评论
取消评论
表情

Hi,您需要填写昵称和邮箱!

  • * 昵称:
  • * 邮箱: