Element的Container布局容器布满全屏

摘要：在使用Element（2.10.1版本）的Container布局容器布，发现按照官网的代码运行后，发现不能撑开整个页面，只能显示一段高度

官方代码运行后效果：

 如何实现不满全屏呢？实现如下：

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

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

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

效果如下：