vue框架之element- Container 页面整体布局

要达成的效果图如下：

 

我们发现，直接从element官网粘贴过来的代码是一段一段的，没有占满整个页面。参考了两个博文，最终如下

https://blog.csdn.net/cdebai/article/details/90324070，

https://blog.csdn.net/qq_36275889/article/details/94634397

/* 主要是添加这一段代码，我这是在另一个vue页面中添加的，我成它为 全局布局的vue*/
html,body,#app,.homeBox,.el-container{
    /*设置内部填充为0，几个布局元素之间没有间距*/
    padding: 0px;
    /*外部间距也是如此设置*/
    margin: 0px;
    /*统一设置高度为100%*/
    height: 100%